diff --git a/src/uwt-web/common/uwt-button.less b/src/uwt-web/common/uwt-button.less index 834d3ce..1253fb1 100644 --- a/src/uwt-web/common/uwt-button.less +++ b/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; - border: 1px solid transparent; + background-color: var(--uwt-color-background); + 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; } } diff --git a/src/uwt-web/common/uwt-listview.less b/src/uwt-web/common/uwt-listview.less index 5269ddb..1f2b9f0 100644 --- a/src/uwt-web/common/uwt-listview.less +++ b/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 diff --git a/src/uwt-web/common/uwt-popup.less b/src/uwt-web/common/uwt-popup.less index 94dc1f8..c781631 100644 --- a/src/uwt-web/common/uwt-popup.less +++ b/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; diff --git a/src/uwt-web/themes/clearview/uwt-colors.less b/src/uwt-web/themes/clearview/uwt-colors.less new file mode 100644 index 0000000..6b387bd --- /dev/null +++ b/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; + } +} diff --git a/src/uwt-web/themes/clearview/uwt.less b/src/uwt-web/themes/clearview/uwt.less new file mode 100644 index 0000000..03959e2 --- /dev/null +++ b/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; +} \ No newline at end of file