MyFavMirrors/owntone-server
1
0
Fork 0
mirror of https://github.com/owntone/owntone-server.git synced 2025-02-27 05:19:18 -05:00
Code Issues Packages Projects Releases Wiki Activity

[web] Use of Bulma color variables wherever possible

Browse Source 
Avoid hard coded colors in the style sheet by using Bulma variables.
This commit is contained in:
Alain Nussbaumer 2023-06-11 08:32:52 +02:00
parent 36d76d7e3e
commit 6bb5578c3a
1 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
web-src/src/mystyles.scss
View File

@ -10,8 +10,8 @@
margin-top: 16px; margin-top: 16px;
margin-bottom: 16px; margin-bottom: 16px;
--slider-height: 4px; --slider-height: 4px;
--slider-connect-bg: hsl(0, 0%, 21%); --slider-connect-bg: #{$dark};
--slider-tooltip-bg: hsl(0, 0%, 21%); --slider-tooltip-bg: #{$dark};
--slider-handle-ring-color: #3b82f630; --slider-handle-ring-color: #3b82f630;
--slider-handle-shadow: 0.5px 0.5px 0.5px 0.5px rgba(0, 0, 0, 0.32); --slider-handle-shadow: 0.5px 0.5px 0.5px 0.5px rgba(0, 0, 0, 0.32);
--slider-handle-shadow-active: 0.5px 0.5px 0.5px 0.5px rgba(0, 0, 0, 0.42); --slider-handle-shadow-active: 0.5px 0.5px 0.5px 0.5px rgba(0, 0, 0, 0.42);
@ -25,9 +25,9 @@
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
margin: 0 auto 16px auto; margin: 0 auto 16px auto;
--slider-height: 4px; --slider-height: 4px;
--slider-connect-bg: hsl(171, 100%, 41%); --slider-connect-bg: #{$primary};
--slider-tooltip-bg: hsl(171, 100%, 41%); --slider-tooltip-bg: #{$primary};
--slider-handle-bg: hsl(171, 100%, 41%); --slider-handle-bg: #{$primary};
--slider-handle-border: 0; --slider-handle-border: 0;
--slider-handle-width: 10px; --slider-handle-width: 10px;
--slider-handle-height: 10px; --slider-handle-height: 10px;
@ -107,7 +107,7 @@ a.navbar-item {
.fd-tabs-section { .fd-tabs-section {
padding-bottom: 3px; padding-bottom: 3px;
padding-top: 3px; padding-top: 3px;
background: white; background: #{white};
top: 3.25rem; top: 3.25rem;
z-index: 20; z-index: 20;
position: fixed; position: fixed;
@ -206,7 +206,7 @@ section.hero + section.fd-content {
} }
.sortable-ghost h1, .sortable-ghost h1,
.sortable-ghost h2 { .sortable-ghost h2 {
color: hsl(348, 100%, 61%) !important; color: #{$danger};
} }
.media:first-of-type { .media:first-of-type {