diff --git a/BETA/mybulma/css/mystyles.css b/BETA/mybulma/css/mystyles.css index 72ef821..3ff1a4a 100644 --- a/BETA/mybulma/css/mystyles.css +++ b/BETA/mybulma/css/mystyles.css @@ -2650,7 +2650,7 @@ a.navbar-item, .navbar-link:focus-within, .navbar-link:hover, .navbar-link.is-active { - background-color: #fafafa; + background-color: #070707; color: #F5A9B8; } .navbar-item { @@ -2766,11 +2766,11 @@ 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: #111111; - color: #111111; } + background-color: whitesmoke; + color: #0a0a0a; } .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active { - background-color: #111111; - color: #111111; } + background-color: whitesmoke; + color: #F5A9B8; } .navbar-burger { display: none; } .navbar-item, @@ -2804,7 +2804,7 @@ a.navbar-item, justify-content: flex-end; margin-left: auto; } .navbar-dropdown { - background-color: #111111; + background-color: white; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-top: 2px solid #dbdbdb; @@ -2822,11 +2822,11 @@ 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: #111111; - color: #111111; } + background-color: whitesmoke; + color: #0a0a0a; } .navbar-dropdown a.navbar-item.is-active { - background-color: #111111; - color: #111111; } + background-color: whitesmoke; + color: #F5A9B8; } .navbar.is-spaced .navbar-dropdown, .navbar-dropdown.is-boxed { border-radius: 6px; border-top: none; @@ -2879,7 +2879,7 @@ a.navbar-item, .navbar-link.is-active:not(:focus):not(:hover) { background-color: transparent; } .navbar-item.has-dropdown:focus .navbar-link, .navbar-item.has-dropdown:hover .navbar-link, .navbar-item.has-dropdown.is-active .navbar-link { - background-color: #fafafa; } } + background-color: #070707; } } .hero.is-fullheight-with-navbar { min-height: calc(100vh - 3.25rem); } diff --git a/BETA/mybulma/sass/mystyles.scss b/BETA/mybulma/sass/mystyles.scss index e3aadb3..b7fa107 100644 --- a/BETA/mybulma/sass/mystyles.scss +++ b/BETA/mybulma/sass/mystyles.scss @@ -6,18 +6,19 @@ // Set your brand colors $lime:#00fdbe; $purple: #a45e8d; -$pink: #F5A9B8; +$trans-pink: #F5A9B8; $beige-light: #eaeaea; $off-dark: #181516; $off-off-dark: #070707; $off-off-off-dark: #111111; +$trans-blue: #5bcefa; // Update Bulma's global variables $family-sans-serif: "Nunito", sans-serif; $grey-dark: $purple; $grey-light: $beige-light; $primary: $lime; -$link: $pink; +$link: $trans-pink; $widescreen-enabled: false; $fullhd-enabled: false; @@ -30,16 +31,18 @@ $input-shadow: none; //my shit $title-color: $lime; -$input-color: $link; +$input-color: $trans-pink; $primary: $lime; -$text-strong: $pink; +$text-strong: $trans-pink; +/////navbar $navbar-background-color: $off-off-dark; $navbar-item-color: $grey-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-off-dark; -$navbar-dropdown-item-active-color: $off-off-off-dark; -$navbar-dropdown-item-active-background-color: $off-off-off-dark; +$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-off-dark; +//$navbar-dropdown-item-active-color: $off-off-off-dark; +//$navbar-dropdown-item-active-background-color: $off-off-off-dark; // Import only what you need from Bulma