style updates

src/uwt-web/common/uwt-button.less

@@ -6,12 +6,14 @@
 	display: inline-block;
 	font-weight: 400;
 	text-align: center;
+	text-decoration: none;
 	vertical-align: middle;
 	
 	.user-select(none);
 	
-	background-color: transparent;
+	background-color: var(--uwt-color-background);
-	border: 1px solid transparent;
+	border: 1px solid var(--uwt-color-border);
+	color: var(--uwt-color-foreground);
 	padding: .438rem 1.125rem;
 	font-size: .894rem;
 	line-height: 1.54;
@@ -21,7 +23,14 @@
 	
 	&+ .uwt-button
 	{
-		margin-right: 6px;
+		margin-left: 6px;
+	}
+	&:hover
+	{
+		--uwt-color-background: #cdd0d2;
+		--uwt-color-border: #c1c4c6;
+
+		text-decoration: none;
 	}
 }
 

src/uwt-web/common/uwt-listview.less

@@ -34,6 +34,7 @@ table.uwt-listview
 	{
 		&> td
 		{
+			border-bottom: 1px solid var(--uwt-color-border);
 			&> a.uwt-listview-row-add, &> a.uwt-listview-row-remove
 			{
 				&::before

src/uwt-web/common/uwt-popup.less

@@ -1,5 +1,8 @@
 .uwt-popup
 {
+	background-color: var(--uwt-popup-color-background);
+	border: 1px solid var(--uwt-popup-color-border);
+
 	opacity: 0;
 	visibility: hidden;
 	

src/uwt-web/themes/clearview/uwt-colors.less

@@ -0,0 +1,24 @@
+:root
+{
+	--uwt-color-background: #f1f5f7;
+	--uwt-color-border: #dee2e6;
+	--uwt-color-foreground: #343a40;
+
+	--uwt-popup-color-background: #fff;
+	--uwt-popup-color-border: #dee2e6;
+}
+.uwt-color-primary
+{
+	--uwt-color: #3bafda;
+	--uwt-color-background: #3bafda;
+	--uwt-color-foreground: #fff;
+
+	--uwt-color-background-hover: #3295b9;
+	--uwt-color-border-hover: #2f8cae;
+
+	&:hover
+	{
+		--uwt-color-background: #3295b9;
+		--uwt-color-foreground: #fff;
+	}
+}

src/uwt-web/themes/clearview/uwt.less

@@ -0,0 +1,9 @@
+@import "uwt-colors.less";
+
+body
+{
+	background-color: var(--uwt-color-background);
+	color: var(--uwt-color-foreground);
+	
+	font-family: "Roboto", sans-serif;
+}