diff --git a/src/App.vue b/src/App.vue index b2b84b4a..416eee34 100644 --- a/src/App.vue +++ b/src/App.vue @@ -7,7 +7,7 @@
- + @@ -179,35 +179,6 @@ body, html { overflow-x: hidden; } -.overlay-panel { - position: fixed; - z-index: 99; -} - -#overlay-toggle { - width: 0px; - height: 30px; - z-index: 999; - position: absolute; - right: -20px; - top: 24px; -} - -.action-btn-outline { - border: 1px solid lightgray; -} - -.uk-light .uk-icon-button { - background-color: rgb(52, 52, 52); -} -.uk-light .uk-icon-button:hover, .uk-light .uk-icon-button:focus { - background-color: rgb(70, 70, 70); -} - -.uk-light .uk-card-default { - background: #222 -} - .uk-disabled { pointer-events: none; opacity: 0.5; @@ -228,7 +199,7 @@ body, html { } #component-switcher-left a{ - padding: 10px 20px; + padding: 12px 20px; } #component-switcher-left{ diff --git a/src/assets/less/theme.less b/src/assets/less/theme.less index 26ed2ebd..4384f188 100644 --- a/src/assets/less/theme.less +++ b/src/assets/less/theme.less @@ -9,6 +9,7 @@ // Custom OpenFlexure theming @global-primary-background: #C32280; +@global-button-background: #C32280; // UIkit // ======================================================================== @@ -304,8 +305,12 @@ body { overflow: hidden; } } /* - * Button + * Button and link */ + .uk-link:hover, a:hover { + color: @global-button-background; + } + .uk-button { border-radius: 2px; } @@ -331,7 +336,7 @@ body { overflow: hidden; } color: @global-primary-background !important; } - .tm-button-primary:hover { box-shadow: 0 10px 40px rgba(30,135,240,1); } + .tm-button-primary:hover { box-shadow: 0 10px 40px @global-button-background; } }