diff options
Diffstat (limited to 'web/css/_src')
-rw-r--r-- | web/css/_src/_config.frontend.scss | 39 | ||||
-rw-r--r-- | web/css/_src/frontend.scss | 98 |
2 files changed, 99 insertions, 38 deletions
diff --git a/web/css/_src/_config.frontend.scss b/web/css/_src/_config.frontend.scss index 4c9a5fb..f02bc37 100644 --- a/web/css/_src/_config.frontend.scss +++ b/web/css/_src/_config.frontend.scss @@ -6,6 +6,43 @@ $navbar-height: 60px; /* Layout */ $layout-bg-color: #fff; -/* Basic colors */ +/* Default colors */ $main-color: #99AEC4; $text-color: #4D5157; + +/* Themes ! */ +$themes: ( + blue: ( + main-color: #99AEC4 + ), + aqua: ( + main-color: #75C8C7 + ), + green: ( + main-color: #9DC499 + ), + light-green: ( + main-color: #ADD8C7 + ), + orange: ( + main-color: #E8B184 + ), + red: ( + main-color: #B36973 + ), + light-red: ( + main-color: #E89D9D + ), + purple: ( + main-color: #AA8ECC + ), + slate: ( + main-color: #707E8E + ), + light: ( + main-color: #C4C4C4 + ), + dark: ( + main-color: #747474 + ) +);
\ No newline at end of file diff --git a/web/css/_src/frontend.scss b/web/css/_src/frontend.scss index 2369695..9a146b6 100644 --- a/web/css/_src/frontend.scss +++ b/web/css/_src/frontend.scss @@ -7,10 +7,10 @@ html { } body { - font-size: 14px; - font-family: OpenSans-Light, Verdana, sans-serif, Arial; - margin: 0 auto; - color: $text-color; + font-size: 14px; + font-family: OpenSans-Light, Verdana, sans-serif, Arial; + margin: 0 auto; + color: $text-color; background-color: $layout-bg-color; } @@ -35,7 +35,6 @@ a { /* --------------------- */ /* == NAVBAR */ /* --------------------- */ - nav[role="main"] { position: fixed; top: 0; @@ -105,11 +104,9 @@ nav[role="main"] { padding: (($navbar-height / 2) - 17px) 15px; color: #fff; text-decoration: none; - @include transition(background 300ms ease-in-out); &:hover { - background: lighten($main-color, 6%); - @include transition(background 300ms ease-in-out); + background: lighten($main-color, 20%); } > span[class^="icon-"] { @@ -125,7 +122,6 @@ nav[role="main"] { /* ------------------- */ /* == MAIN */ /* ------------------- */ - #main-container { overflow: auto; margin-top: $navbar-height; @@ -135,31 +131,6 @@ nav[role="main"] { -/* ---------------------- */ -/* == Listing */ -/* ---------------------- */ -ul.list { - margin-left: 20px; - list-style-type: none; - - li { - position: relative; - padding-left: 12px; - - &:before { - content: ''; - width: 5px; - height: 5px; - background-color: $main-color; - position: absolute; - left: 0; - top: 9px; - } - } -} - - - /* --------------------- */ /* == Tables */ /* --------------------- */ @@ -209,14 +180,13 @@ table:not(.no-style) { table.firstBold tbody tr td:first-child { font-weight: bold; - color: lighten($text-color, 20%); + color: #7e848c; } /* --------------------------- */ /* == Progress bar */ /* --------------------------- */ - .progressbar-wrap { width: 100%; background-color: rgba($main-color, 0.2); @@ -273,6 +243,53 @@ table.firstBold tbody tr td:first-child { /* ------------------------- */ +/* == ! THEMES ! */ +/* ------------------------- */ +@each $name, $datas in $themes { + body.theme-#{""+$name+""} { + a { + color: map-get($datas, main-color); + + &:hover { + color: lighten(map-get($datas, main-color), 5%); + text-decoration: none; + } + } + + ::-moz-selection { + background-color: darken(map-get($datas, main-color), 10%); + color: lighten(map-get($datas, main-color), 30%); + } + ::selection { + background-color: darken(map-get($datas, main-color), 10%); + color: lighten(map-get($datas, main-color), 30%); + } + + nav[role="main"] { + background-color: map-get($datas, main-color); + + > ul > li > a { + &:hover { + background: lighten(map-get($datas, main-color), 15%); + } + } + } + + table:not(.no-style) { + tbody tr:hover { + background: lighten(map-get($datas, main-color), 25%); + } + } + + .progressbar-wrap { + background-color: rgba(map-get($datas, main-color), 0.2); + } + } +} + + + +/* ------------------------- */ /* == Responsive */ /* ------------------------- */ @media only screen and (max-width: 1024px) { @@ -319,4 +336,11 @@ table.firstBold tbody tr td:first-child { float: none; } } -}
\ No newline at end of file + + .box#esm-disk { + .filesystem { + display: none; + } + } +} + |