diff --git a/BETA/mybulma/css/mystyles.css b/BETA/mybulma/css/mystyles.css index 5a042c5..5910a15 100644 --- a/BETA/mybulma/css/mystyles.css +++ b/BETA/mybulma/css/mystyles.css @@ -166,7 +166,7 @@ th { text-align: inherit; } html { - background-color: #181516; + background-color: #1d1d1d; font-size: 16px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; @@ -2698,7 +2698,7 @@ a.navbar-item, padding-right: 1.5rem; } .navbar-divider { - background-color: whitesmoke; + background-color: #1d1d1d; border: none; display: none; height: 2px; @@ -2766,8 +2766,8 @@ a.navbar-item, .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus-within .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link { background-color: transparent !important; } .navbar.is-transparent .navbar-dropdown a.navbar-item:focus, .navbar.is-transparent .navbar-dropdown a.navbar-item:hover { - background-color: whitesmoke; - color: #0a0a0a; } + background-color: #181516; + color: #5bcefa; } .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active { background-color: whitesmoke; color: #F5A9B8; } @@ -2804,7 +2804,7 @@ a.navbar-item, justify-content: flex-end; margin-left: auto; } .navbar-dropdown { - background-color: white; + background-color: #111111; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-top: 2px solid #dbdbdb; @@ -2822,8 +2822,8 @@ a.navbar-item, .navbar-dropdown a.navbar-item { padding-right: 3rem; } .navbar-dropdown a.navbar-item:focus, .navbar-dropdown a.navbar-item:hover { - background-color: whitesmoke; - color: #0a0a0a; } + background-color: #181516; + color: #5bcefa; } .navbar-dropdown a.navbar-item.is-active { background-color: whitesmoke; color: #F5A9B8; } diff --git a/BETA/mybulma/sass/mystyles.scss b/BETA/mybulma/sass/mystyles.scss index 2afa95c..8df6214 100644 --- a/BETA/mybulma/sass/mystyles.scss +++ b/BETA/mybulma/sass/mystyles.scss @@ -12,6 +12,7 @@ $off-dark: #181516; $off-off-dark: #070707; $off-off-off-dark: #111111; $trans-blue: #5bcefa; +$greyish: #1d1d1d; // Update Bulma's global variables $family-sans-serif: "Nunito", sans-serif; @@ -23,7 +24,7 @@ $widescreen-enabled: false; $fullhd-enabled: false; // Update some of Bulma's component variables -$body-background-color: $off-dark; +$body-background-color: $greyish; $control-border-width: 2px; $input-border-color: transparent; $input-shadow: none; @@ -38,9 +39,10 @@ $text-strong: $trans-pink; $navbar-background-color: $off-dark; $navbar-item-color: $trans-pink; $navbar-item-hover-background-color: $off-off-dark; -//$navbar-dropdown-background-color: $off-off-off-dark; -//$navbar-dropdown-item-hover-color: $off-off-off-dark; -//$navbar-dropdown-item-hover-background-color: $off-off-dark; +$navbar-dropdown-background-color: $off-off-off-dark; +$navbar-dropdown-item-hover-color: $trans-blue; +$navbar-dropdown-item-hover-background-color: $off-dark; +$navbar-divider-background-color: $greyish; //$navbar-dropdown-item-active-color: $off-off-off-dark; //$navbar-dropdown-item-active-background-color: $off-off-dark;