diff options
Diffstat (limited to 'pydis_site/static/css/base/base.css')
| -rw-r--r-- | pydis_site/static/css/base/base.css | 31 |
1 files changed, 31 insertions, 0 deletions
diff --git a/pydis_site/static/css/base/base.css b/pydis_site/static/css/base/base.css index 79a8a92d..cc8d13cb 100644 --- a/pydis_site/static/css/base/base.css +++ b/pydis_site/static/css/base/base.css @@ -23,6 +23,20 @@ main.site-content { padding-right: 0.8em; } +[data-theme="dark"] .navbar.is-primary { + background-color: #3B4774; +} + +/* No good way other than this for now, because the item hover background setting + * applies only for a navbar without is-primary. + */ +@media screen and (min-width: 1024px) { + [data-theme="dark"] .navbar.is-primary .navbar-end > a.navbar-item:hover, + [data-theme="dark"] .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link { + background-color: #455382; + } +} + .navbar-item .navbar-link { padding-left: 1.5em; padding-right: 2.5em; @@ -58,6 +72,10 @@ main.site-content { overflow: hidden; } +[data-theme="dark"] #discord-btn a { + background-color: #58689cff; +} + #discord-btn:hover a { box-shadow: 0 1px 4px rgba(0,0,0,0.16), 0 1px 6px rgba(0,0,0,0.23); /*transform: scale(1.03) translate3d(0,0,0);*/ @@ -167,3 +185,16 @@ button.is-size-navbar-menu, a.is-size-navbar-menu { scroll-behavior: auto; } } + +[data-theme="dark"] .button.is-primary:hover, .button.is-primary.is-hovered, +[data-theme="dark"] .button.is-link:hover, .button.is-link.is-hovered { + background-color: #6276BC; +} + +[data-theme="dark"] .light-image { + display: none; +} + +[data-theme="light"] .dark-image { + display: none; +} |