diff --git a/priceybot2/sass/branding.scss b/priceybot2/sass/branding.scss index 40ee7dd..7c29b6a 100644 --- a/priceybot2/sass/branding.scss +++ b/priceybot2/sass/branding.scss @@ -1,3 +1,5 @@ +@import "../node_modules/bulma/sass/utilities/functions.sass"; + //brand colors $nexi-white: #f8fafb; // Made up $nexi-lighter-black: #353535; // Made up @@ -14,11 +16,10 @@ $nexi-orange: #F17C25; $nexi-darker-orange: #F44336; $nexi-yellow: #FFC107; -$custom-colors: - ( - "nexi-white": ($nexi-white, findColorInvert($nexi-white)), +$custom-colors: ( + "nexi-white": ($nexi-white, $nexi-black), "nexi-lighter-black": ($nexi-lighter-black, findColorInvert($nexi-lighter-black)), - "nexi-black": ($nexi-black, findColorInvert($nexi-black)), + "nexi-black": ($nexi-black, $nexi-white), "nexi-lighter-red": ($nexi-lighter-red, findColorInvert($nexi-lighter-red)), "nexi-red": ($nexi-red, findColorInvert($nexi-red)), "nexi-darker-red": ($nexi-darker-red, findColorInvert($nexi-darker-red)), @@ -30,7 +31,7 @@ $custom-colors: "nexi-orange": ($nexi-orange, findColorInvert($nexi-orange)), "nexi-darker-orange": ($nexi-darker-orange, findColorInvert($nexi-darker-orange)), "nexi-yellow": ($nexi-yellow, findColorInvert($nexi-yellow)), - ); +); // Used for texts etc. $grey: $nexi-lighter-black; @@ -47,7 +48,8 @@ $purple: $nexi-purple; $red: $nexi-red; // https://github.com/jgthms/bulma/blob/master/sass/utilities/derived-variables.sass -$primary: $nexi-white; +$primary: $nexi-black; +$primary-invert: $nexi-white; //$info: $cyan; //$success: $green; diff --git a/priceybot2/sass/dark-mode.scss b/priceybot2/sass/dark-mode.scss new file mode 100644 index 0000000..577c59f --- /dev/null +++ b/priceybot2/sass/dark-mode.scss @@ -0,0 +1,39 @@ +.dark-toggle { + --size: 2rem; + + appearance: none; + outline: none; + cursor: pointer; + + width: var(--size); + height: var(--size); + box-shadow: inset calc(var(--size) * 0.33) calc(var(--size) * -0.25) 0; + border-radius: 999px; + color: hsl(240, 100%, 95%); + + transition: all 500ms; + + &:checked { + --ray-size: calc(var(--size) * -0.4); + --offset-orthogonal: calc(var(--size) * 0.65); + --offset-diagonal: calc(var(--size) * 0.45); + + transform: scale(0.75); + color: hsl(40, 100%, 50%); + box-shadow: + inset 0 0 0 var(--size), + calc(var(--offset-orthogonal) * -1) 0 0 var(--ray-size), + var(--offset-orthogonal) 0 0 var(--ray-size), + 0 calc(var(--offset-orthogonal) * -1) 0 var(--ray-size), + 0 var(--offset-orthogonal) 0 var(--ray-size), + calc(var(--offset-diagonal) * -1) calc(var(--offset-diagonal) * -1) 0 var(--ray-size), + var(--offset-diagonal) var(--offset-diagonal) 0 var(--ray-size), + calc(var(--offset-diagonal) * -1) var(--offset-diagonal) 0 var(--ray-size), + var(--offset-diagonal) calc(var(--offset-diagonal) * -1) 0 var(--ray-size), + ; + } +} + +.dark-toggle-animation { + transition: background 500ms; +} \ No newline at end of file diff --git a/priceybot2/sass/main.scss b/priceybot2/sass/main.scss index debd824..1ada90b 100644 --- a/priceybot2/sass/main.scss +++ b/priceybot2/sass/main.scss @@ -2,6 +2,7 @@ // Our scss files @import "branding"; +@import "dark-mode"; // Import after our branding so colors work. @import "../node_modules/bulma/bulma.sass"; \ No newline at end of file diff --git a/priceybot2/static/css/main.css b/priceybot2/static/css/main.css index f18fe4f..310ae82 100644 --- a/priceybot2/static/css/main.css +++ b/priceybot2/static/css/main.css @@ -1,3 +1,25 @@ +.dark-toggle { + --size: 2rem; + appearance: none; + outline: none; + cursor: pointer; + width: var(--size); + height: var(--size); + box-shadow: inset calc(var(--size) * 0.33) calc(var(--size) * -0.25) 0; + border-radius: 999px; + color: #e6e6ff; + transition: all 500ms; } + .dark-toggle:checked { + --ray-size: calc(var(--size) * -0.4); + --offset-orthogonal: calc(var(--size) * 0.65); + --offset-diagonal: calc(var(--size) * 0.45); + transform: scale(0.75); + color: #ffaa00; + box-shadow: inset 0 0 0 var(--size), calc(var(--offset-orthogonal) * -1) 0 0 var(--ray-size), var(--offset-orthogonal) 0 0 var(--ray-size), 0 calc(var(--offset-orthogonal) * -1) 0 var(--ray-size), 0 var(--offset-orthogonal) 0 var(--ray-size), calc(var(--offset-diagonal) * -1) calc(var(--offset-diagonal) * -1) 0 var(--ray-size), var(--offset-diagonal) var(--offset-diagonal) 0 var(--ray-size), calc(var(--offset-diagonal) * -1) var(--offset-diagonal) 0 var(--ray-size), var(--offset-diagonal) calc(var(--offset-diagonal) * -1) 0 var(--ray-size); } + +.dark-toggle-animation { + transition: background 500ms; } + /*! bulma.io v0.9.4 | MIT License | github.com/jgthms/bulma */ /* Bulma Utilities */ .button, .input, .textarea, .select select, .file-cta, @@ -739,84 +761,84 @@ a.box:active { box-shadow: none; color: #fff; } .button.is-primary { - background-color: #f8fafb; + background-color: #181818; border-color: transparent; - color: rgba(0, 0, 0, 0.7); } + color: #f8fafb; } .button.is-primary:hover, .button.is-primary.is-hovered { - background-color: #f0f4f6; + background-color: #121212; border-color: transparent; - color: rgba(0, 0, 0, 0.7); } + color: #f8fafb; } .button.is-primary:focus, .button.is-primary.is-focused { border-color: transparent; - color: rgba(0, 0, 0, 0.7); } + color: #f8fafb; } .button.is-primary:focus:not(:active), .button.is-primary.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(248, 250, 251, 0.25); } + box-shadow: 0 0 0 0.125em rgba(24, 24, 24, 0.25); } .button.is-primary:active, .button.is-primary.is-active { - background-color: #e8eef2; + background-color: #0b0b0b; border-color: transparent; - color: rgba(0, 0, 0, 0.7); } + color: #f8fafb; } .button.is-primary[disabled], fieldset[disabled] .button.is-primary { - background-color: #f8fafb; - border-color: #f8fafb; + background-color: #181818; + border-color: #181818; box-shadow: none; } .button.is-primary.is-inverted { - background-color: rgba(0, 0, 0, 0.7); - color: #f8fafb; } + background-color: #f8fafb; + color: #181818; } .button.is-primary.is-inverted:hover, .button.is-primary.is-inverted.is-hovered { - background-color: rgba(0, 0, 0, 0.7); } + background-color: #e8eef2; } .button.is-primary.is-inverted[disabled], fieldset[disabled] .button.is-primary.is-inverted { - background-color: rgba(0, 0, 0, 0.7); + background-color: #f8fafb; border-color: transparent; box-shadow: none; - color: #f8fafb; } + color: #181818; } .button.is-primary.is-loading::after { - border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; } + border-color: transparent transparent #f8fafb #f8fafb !important; } .button.is-primary.is-outlined { background-color: transparent; - border-color: #f8fafb; - color: #f8fafb; } + border-color: #181818; + color: #181818; } .button.is-primary.is-outlined:hover, .button.is-primary.is-outlined.is-hovered, .button.is-primary.is-outlined:focus, .button.is-primary.is-outlined.is-focused { - background-color: #f8fafb; - border-color: #f8fafb; - color: rgba(0, 0, 0, 0.7); } + background-color: #181818; + border-color: #181818; + color: #f8fafb; } .button.is-primary.is-outlined.is-loading::after { - border-color: transparent transparent #f8fafb #f8fafb !important; } + border-color: transparent transparent #181818 #181818 !important; } .button.is-primary.is-outlined.is-loading:hover::after, .button.is-primary.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-outlined.is-loading:focus::after, .button.is-primary.is-outlined.is-loading.is-focused::after { - border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; } + border-color: transparent transparent #f8fafb #f8fafb !important; } .button.is-primary.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-outlined { background-color: transparent; - border-color: #f8fafb; + border-color: #181818; box-shadow: none; - color: #f8fafb; } + color: #181818; } .button.is-primary.is-inverted.is-outlined { background-color: transparent; - border-color: rgba(0, 0, 0, 0.7); - color: rgba(0, 0, 0, 0.7); } + border-color: #f8fafb; + color: #f8fafb; } .button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined.is-hovered, .button.is-primary.is-inverted.is-outlined:focus, .button.is-primary.is-inverted.is-outlined.is-focused { - background-color: rgba(0, 0, 0, 0.7); - color: #f8fafb; } + background-color: #f8fafb; + color: #181818; } .button.is-primary.is-inverted.is-outlined.is-loading:hover::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-inverted.is-outlined.is-loading:focus::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-focused::after { - border-color: transparent transparent #f8fafb #f8fafb !important; } + border-color: transparent transparent #181818 #181818 !important; } .button.is-primary.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-inverted.is-outlined { background-color: transparent; - border-color: rgba(0, 0, 0, 0.7); + border-color: #f8fafb; box-shadow: none; - color: rgba(0, 0, 0, 0.7); } + color: #f8fafb; } .button.is-primary.is-light { - background-color: #f8fafb; - color: #36515e; } + background-color: whitesmoke; + color: #8f8f8f; } .button.is-primary.is-light:hover, .button.is-primary.is-light.is-hovered { - background-color: #f0f4f6; + background-color: #eeeeee; border-color: transparent; - color: #36515e; } + color: #8f8f8f; } .button.is-primary.is-light:active, .button.is-primary.is-light.is-active { - background-color: #e8eef2; + background-color: #e8e8e8; border-color: transparent; - color: #36515e; } + color: #8f8f8f; } .button.is-link { background-color: #EB312E; border-color: transparent; @@ -1215,38 +1237,38 @@ a.box:active { .button.is-nexi-white { background-color: #f8fafb; border-color: transparent; - color: findColorInvert(#f8fafb); } + color: #181818; } .button.is-nexi-white:hover, .button.is-nexi-white.is-hovered { background-color: #f0f4f6; border-color: transparent; - color: findColorInvert(#f8fafb); } + color: #181818; } .button.is-nexi-white:focus, .button.is-nexi-white.is-focused { border-color: transparent; - color: findColorInvert(#f8fafb); } + color: #181818; } .button.is-nexi-white:focus:not(:active), .button.is-nexi-white.is-focused:not(:active) { box-shadow: 0 0 0 0.125em rgba(248, 250, 251, 0.25); } .button.is-nexi-white:active, .button.is-nexi-white.is-active { background-color: #e8eef2; border-color: transparent; - color: findColorInvert(#f8fafb); } + color: #181818; } .button.is-nexi-white[disabled], fieldset[disabled] .button.is-nexi-white { background-color: #f8fafb; border-color: #f8fafb; box-shadow: none; } .button.is-nexi-white.is-inverted { - background-color: findColorInvert(#f8fafb); + background-color: #181818; color: #f8fafb; } .button.is-nexi-white.is-inverted:hover, .button.is-nexi-white.is-inverted.is-hovered { - background-color: findColorInvert(#f8fafb); } + background-color: #0b0b0b; } .button.is-nexi-white.is-inverted[disabled], fieldset[disabled] .button.is-nexi-white.is-inverted { - background-color: findColorInvert(#f8fafb); + background-color: #181818; border-color: transparent; box-shadow: none; color: #f8fafb; } .button.is-nexi-white.is-loading::after { - border-color: transparent transparent findColorInvert(#f8fafb) findColorInvert(#f8fafb) !important; } + border-color: transparent transparent #181818 #181818 !important; } .button.is-nexi-white.is-outlined { background-color: transparent; border-color: #f8fafb; @@ -1254,11 +1276,11 @@ a.box:active { .button.is-nexi-white.is-outlined:hover, .button.is-nexi-white.is-outlined.is-hovered, .button.is-nexi-white.is-outlined:focus, .button.is-nexi-white.is-outlined.is-focused { background-color: #f8fafb; border-color: #f8fafb; - color: findColorInvert(#f8fafb); } + color: #181818; } .button.is-nexi-white.is-outlined.is-loading::after { border-color: transparent transparent #f8fafb #f8fafb !important; } .button.is-nexi-white.is-outlined.is-loading:hover::after, .button.is-nexi-white.is-outlined.is-loading.is-hovered::after, .button.is-nexi-white.is-outlined.is-loading:focus::after, .button.is-nexi-white.is-outlined.is-loading.is-focused::after { - border-color: transparent transparent findColorInvert(#f8fafb) findColorInvert(#f8fafb) !important; } + border-color: transparent transparent #181818 #181818 !important; } .button.is-nexi-white.is-outlined[disabled], fieldset[disabled] .button.is-nexi-white.is-outlined { background-color: transparent; @@ -1267,19 +1289,19 @@ a.box:active { color: #f8fafb; } .button.is-nexi-white.is-inverted.is-outlined { background-color: transparent; - border-color: findColorInvert(#f8fafb); - color: findColorInvert(#f8fafb); } + border-color: #181818; + color: #181818; } .button.is-nexi-white.is-inverted.is-outlined:hover, .button.is-nexi-white.is-inverted.is-outlined.is-hovered, .button.is-nexi-white.is-inverted.is-outlined:focus, .button.is-nexi-white.is-inverted.is-outlined.is-focused { - background-color: findColorInvert(#f8fafb); + background-color: #181818; color: #f8fafb; } .button.is-nexi-white.is-inverted.is-outlined.is-loading:hover::after, .button.is-nexi-white.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-nexi-white.is-inverted.is-outlined.is-loading:focus::after, .button.is-nexi-white.is-inverted.is-outlined.is-loading.is-focused::after { border-color: transparent transparent #f8fafb #f8fafb !important; } .button.is-nexi-white.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-nexi-white.is-inverted.is-outlined { background-color: transparent; - border-color: findColorInvert(#f8fafb); + border-color: #181818; box-shadow: none; - color: findColorInvert(#f8fafb); } + color: #181818; } .button.is-nexi-white.is-light { background-color: #f8fafb; color: #36515e; } @@ -1294,38 +1316,38 @@ a.box:active { .button.is-nexi-lighter-black { background-color: #353535; border-color: transparent; - color: findColorInvert(#353535); } + color: #fff; } .button.is-nexi-lighter-black:hover, .button.is-nexi-lighter-black.is-hovered { background-color: #2f2f2f; border-color: transparent; - color: findColorInvert(#353535); } + color: #fff; } .button.is-nexi-lighter-black:focus, .button.is-nexi-lighter-black.is-focused { border-color: transparent; - color: findColorInvert(#353535); } + color: #fff; } .button.is-nexi-lighter-black:focus:not(:active), .button.is-nexi-lighter-black.is-focused:not(:active) { box-shadow: 0 0 0 0.125em rgba(53, 53, 53, 0.25); } .button.is-nexi-lighter-black:active, .button.is-nexi-lighter-black.is-active { background-color: #282828; border-color: transparent; - color: findColorInvert(#353535); } + color: #fff; } .button.is-nexi-lighter-black[disabled], fieldset[disabled] .button.is-nexi-lighter-black { background-color: #353535; border-color: #353535; box-shadow: none; } .button.is-nexi-lighter-black.is-inverted { - background-color: findColorInvert(#353535); + background-color: #fff; color: #353535; } .button.is-nexi-lighter-black.is-inverted:hover, .button.is-nexi-lighter-black.is-inverted.is-hovered { - background-color: findColorInvert(#353535); } + background-color: #f2f2f2; } .button.is-nexi-lighter-black.is-inverted[disabled], fieldset[disabled] .button.is-nexi-lighter-black.is-inverted { - background-color: findColorInvert(#353535); + background-color: #fff; border-color: transparent; box-shadow: none; color: #353535; } .button.is-nexi-lighter-black.is-loading::after { - border-color: transparent transparent findColorInvert(#353535) findColorInvert(#353535) !important; } + border-color: transparent transparent #fff #fff !important; } .button.is-nexi-lighter-black.is-outlined { background-color: transparent; border-color: #353535; @@ -1333,11 +1355,11 @@ a.box:active { .button.is-nexi-lighter-black.is-outlined:hover, .button.is-nexi-lighter-black.is-outlined.is-hovered, .button.is-nexi-lighter-black.is-outlined:focus, .button.is-nexi-lighter-black.is-outlined.is-focused { background-color: #353535; border-color: #353535; - color: findColorInvert(#353535); } + color: #fff; } .button.is-nexi-lighter-black.is-outlined.is-loading::after { border-color: transparent transparent #353535 #353535 !important; } .button.is-nexi-lighter-black.is-outlined.is-loading:hover::after, .button.is-nexi-lighter-black.is-outlined.is-loading.is-hovered::after, .button.is-nexi-lighter-black.is-outlined.is-loading:focus::after, .button.is-nexi-lighter-black.is-outlined.is-loading.is-focused::after { - border-color: transparent transparent findColorInvert(#353535) findColorInvert(#353535) !important; } + border-color: transparent transparent #fff #fff !important; } .button.is-nexi-lighter-black.is-outlined[disabled], fieldset[disabled] .button.is-nexi-lighter-black.is-outlined { background-color: transparent; @@ -1346,19 +1368,19 @@ a.box:active { color: #353535; } .button.is-nexi-lighter-black.is-inverted.is-outlined { background-color: transparent; - border-color: findColorInvert(#353535); - color: findColorInvert(#353535); } + border-color: #fff; + color: #fff; } .button.is-nexi-lighter-black.is-inverted.is-outlined:hover, .button.is-nexi-lighter-black.is-inverted.is-outlined.is-hovered, .button.is-nexi-lighter-black.is-inverted.is-outlined:focus, .button.is-nexi-lighter-black.is-inverted.is-outlined.is-focused { - background-color: findColorInvert(#353535); + background-color: #fff; color: #353535; } .button.is-nexi-lighter-black.is-inverted.is-outlined.is-loading:hover::after, .button.is-nexi-lighter-black.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-nexi-lighter-black.is-inverted.is-outlined.is-loading:focus::after, .button.is-nexi-lighter-black.is-inverted.is-outlined.is-loading.is-focused::after { border-color: transparent transparent #353535 #353535 !important; } .button.is-nexi-lighter-black.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-nexi-lighter-black.is-inverted.is-outlined { background-color: transparent; - border-color: findColorInvert(#353535); + border-color: #fff; box-shadow: none; - color: findColorInvert(#353535); } + color: #fff; } .button.is-nexi-lighter-black.is-light { background-color: whitesmoke; color: #8a8a8a; } @@ -1373,38 +1395,38 @@ a.box:active { .button.is-nexi-black { background-color: #181818; border-color: transparent; - color: findColorInvert(#181818); } + color: #f8fafb; } .button.is-nexi-black:hover, .button.is-nexi-black.is-hovered { background-color: #121212; border-color: transparent; - color: findColorInvert(#181818); } + color: #f8fafb; } .button.is-nexi-black:focus, .button.is-nexi-black.is-focused { border-color: transparent; - color: findColorInvert(#181818); } + color: #f8fafb; } .button.is-nexi-black:focus:not(:active), .button.is-nexi-black.is-focused:not(:active) { box-shadow: 0 0 0 0.125em rgba(24, 24, 24, 0.25); } .button.is-nexi-black:active, .button.is-nexi-black.is-active { background-color: #0b0b0b; border-color: transparent; - color: findColorInvert(#181818); } + color: #f8fafb; } .button.is-nexi-black[disabled], fieldset[disabled] .button.is-nexi-black { background-color: #181818; border-color: #181818; box-shadow: none; } .button.is-nexi-black.is-inverted { - background-color: findColorInvert(#181818); + background-color: #f8fafb; color: #181818; } .button.is-nexi-black.is-inverted:hover, .button.is-nexi-black.is-inverted.is-hovered { - background-color: findColorInvert(#181818); } + background-color: #e8eef2; } .button.is-nexi-black.is-inverted[disabled], fieldset[disabled] .button.is-nexi-black.is-inverted { - background-color: findColorInvert(#181818); + background-color: #f8fafb; border-color: transparent; box-shadow: none; color: #181818; } .button.is-nexi-black.is-loading::after { - border-color: transparent transparent findColorInvert(#181818) findColorInvert(#181818) !important; } + border-color: transparent transparent #f8fafb #f8fafb !important; } .button.is-nexi-black.is-outlined { background-color: transparent; border-color: #181818; @@ -1412,11 +1434,11 @@ a.box:active { .button.is-nexi-black.is-outlined:hover, .button.is-nexi-black.is-outlined.is-hovered, .button.is-nexi-black.is-outlined:focus, .button.is-nexi-black.is-outlined.is-focused { background-color: #181818; border-color: #181818; - color: findColorInvert(#181818); } + color: #f8fafb; } .button.is-nexi-black.is-outlined.is-loading::after { border-color: transparent transparent #181818 #181818 !important; } .button.is-nexi-black.is-outlined.is-loading:hover::after, .button.is-nexi-black.is-outlined.is-loading.is-hovered::after, .button.is-nexi-black.is-outlined.is-loading:focus::after, .button.is-nexi-black.is-outlined.is-loading.is-focused::after { - border-color: transparent transparent findColorInvert(#181818) findColorInvert(#181818) !important; } + border-color: transparent transparent #f8fafb #f8fafb !important; } .button.is-nexi-black.is-outlined[disabled], fieldset[disabled] .button.is-nexi-black.is-outlined { background-color: transparent; @@ -1425,19 +1447,19 @@ a.box:active { color: #181818; } .button.is-nexi-black.is-inverted.is-outlined { background-color: transparent; - border-color: findColorInvert(#181818); - color: findColorInvert(#181818); } + border-color: #f8fafb; + color: #f8fafb; } .button.is-nexi-black.is-inverted.is-outlined:hover, .button.is-nexi-black.is-inverted.is-outlined.is-hovered, .button.is-nexi-black.is-inverted.is-outlined:focus, .button.is-nexi-black.is-inverted.is-outlined.is-focused { - background-color: findColorInvert(#181818); + background-color: #f8fafb; color: #181818; } .button.is-nexi-black.is-inverted.is-outlined.is-loading:hover::after, .button.is-nexi-black.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-nexi-black.is-inverted.is-outlined.is-loading:focus::after, .button.is-nexi-black.is-inverted.is-outlined.is-loading.is-focused::after { border-color: transparent transparent #181818 #181818 !important; } .button.is-nexi-black.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-nexi-black.is-inverted.is-outlined { background-color: transparent; - border-color: findColorInvert(#181818); + border-color: #f8fafb; box-shadow: none; - color: findColorInvert(#181818); } + color: #f8fafb; } .button.is-nexi-black.is-light { background-color: whitesmoke; color: #8f8f8f; } @@ -1452,38 +1474,38 @@ a.box:active { .button.is-nexi-lighter-red { background-color: #9d7c7b; border-color: transparent; - color: findColorInvert(#9d7c7b); } + color: #fff; } .button.is-nexi-lighter-red:hover, .button.is-nexi-lighter-red.is-hovered { background-color: #987574; border-color: transparent; - color: findColorInvert(#9d7c7b); } + color: #fff; } .button.is-nexi-lighter-red:focus, .button.is-nexi-lighter-red.is-focused { border-color: transparent; - color: findColorInvert(#9d7c7b); } + color: #fff; } .button.is-nexi-lighter-red:focus:not(:active), .button.is-nexi-lighter-red.is-focused:not(:active) { box-shadow: 0 0 0 0.125em rgba(157, 124, 123, 0.25); } .button.is-nexi-lighter-red:active, .button.is-nexi-lighter-red.is-active { background-color: #926e6c; border-color: transparent; - color: findColorInvert(#9d7c7b); } + color: #fff; } .button.is-nexi-lighter-red[disabled], fieldset[disabled] .button.is-nexi-lighter-red { background-color: #9d7c7b; border-color: #9d7c7b; box-shadow: none; } .button.is-nexi-lighter-red.is-inverted { - background-color: findColorInvert(#9d7c7b); + background-color: #fff; color: #9d7c7b; } .button.is-nexi-lighter-red.is-inverted:hover, .button.is-nexi-lighter-red.is-inverted.is-hovered { - background-color: findColorInvert(#9d7c7b); } + background-color: #f2f2f2; } .button.is-nexi-lighter-red.is-inverted[disabled], fieldset[disabled] .button.is-nexi-lighter-red.is-inverted { - background-color: findColorInvert(#9d7c7b); + background-color: #fff; border-color: transparent; box-shadow: none; color: #9d7c7b; } .button.is-nexi-lighter-red.is-loading::after { - border-color: transparent transparent findColorInvert(#9d7c7b) findColorInvert(#9d7c7b) !important; } + border-color: transparent transparent #fff #fff !important; } .button.is-nexi-lighter-red.is-outlined { background-color: transparent; border-color: #9d7c7b; @@ -1491,11 +1513,11 @@ a.box:active { .button.is-nexi-lighter-red.is-outlined:hover, .button.is-nexi-lighter-red.is-outlined.is-hovered, .button.is-nexi-lighter-red.is-outlined:focus, .button.is-nexi-lighter-red.is-outlined.is-focused { background-color: #9d7c7b; border-color: #9d7c7b; - color: findColorInvert(#9d7c7b); } + color: #fff; } .button.is-nexi-lighter-red.is-outlined.is-loading::after { border-color: transparent transparent #9d7c7b #9d7c7b !important; } .button.is-nexi-lighter-red.is-outlined.is-loading:hover::after, .button.is-nexi-lighter-red.is-outlined.is-loading.is-hovered::after, .button.is-nexi-lighter-red.is-outlined.is-loading:focus::after, .button.is-nexi-lighter-red.is-outlined.is-loading.is-focused::after { - border-color: transparent transparent findColorInvert(#9d7c7b) findColorInvert(#9d7c7b) !important; } + border-color: transparent transparent #fff #fff !important; } .button.is-nexi-lighter-red.is-outlined[disabled], fieldset[disabled] .button.is-nexi-lighter-red.is-outlined { background-color: transparent; @@ -1504,19 +1526,19 @@ a.box:active { color: #9d7c7b; } .button.is-nexi-lighter-red.is-inverted.is-outlined { background-color: transparent; - border-color: findColorInvert(#9d7c7b); - color: findColorInvert(#9d7c7b); } + border-color: #fff; + color: #fff; } .button.is-nexi-lighter-red.is-inverted.is-outlined:hover, .button.is-nexi-lighter-red.is-inverted.is-outlined.is-hovered, .button.is-nexi-lighter-red.is-inverted.is-outlined:focus, .button.is-nexi-lighter-red.is-inverted.is-outlined.is-focused { - background-color: findColorInvert(#9d7c7b); + background-color: #fff; color: #9d7c7b; } .button.is-nexi-lighter-red.is-inverted.is-outlined.is-loading:hover::after, .button.is-nexi-lighter-red.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-nexi-lighter-red.is-inverted.is-outlined.is-loading:focus::after, .button.is-nexi-lighter-red.is-inverted.is-outlined.is-loading.is-focused::after { border-color: transparent transparent #9d7c7b #9d7c7b !important; } .button.is-nexi-lighter-red.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-nexi-lighter-red.is-inverted.is-outlined { background-color: transparent; - border-color: findColorInvert(#9d7c7b); + border-color: #fff; box-shadow: none; - color: findColorInvert(#9d7c7b); } + color: #fff; } .button.is-nexi-lighter-red.is-light { background-color: #f6f3f3; color: #7b5c5b; } @@ -1531,38 +1553,38 @@ a.box:active { .button.is-nexi-red { background-color: #EB312E; border-color: transparent; - color: findColorInvert(#EB312E); } + color: #fff; } .button.is-nexi-red:hover, .button.is-nexi-red.is-hovered { background-color: #ea2622; border-color: transparent; - color: findColorInvert(#EB312E); } + color: #fff; } .button.is-nexi-red:focus, .button.is-nexi-red.is-focused { border-color: transparent; - color: findColorInvert(#EB312E); } + color: #fff; } .button.is-nexi-red:focus:not(:active), .button.is-nexi-red.is-focused:not(:active) { box-shadow: 0 0 0 0.125em rgba(235, 49, 46, 0.25); } .button.is-nexi-red:active, .button.is-nexi-red.is-active { background-color: #e91a17; border-color: transparent; - color: findColorInvert(#EB312E); } + color: #fff; } .button.is-nexi-red[disabled], fieldset[disabled] .button.is-nexi-red { background-color: #EB312E; border-color: #EB312E; box-shadow: none; } .button.is-nexi-red.is-inverted { - background-color: findColorInvert(#EB312E); + background-color: #fff; color: #EB312E; } .button.is-nexi-red.is-inverted:hover, .button.is-nexi-red.is-inverted.is-hovered { - background-color: findColorInvert(#EB312E); } + background-color: #f2f2f2; } .button.is-nexi-red.is-inverted[disabled], fieldset[disabled] .button.is-nexi-red.is-inverted { - background-color: findColorInvert(#EB312E); + background-color: #fff; border-color: transparent; box-shadow: none; color: #EB312E; } .button.is-nexi-red.is-loading::after { - border-color: transparent transparent findColorInvert(#EB312E) findColorInvert(#EB312E) !important; } + border-color: transparent transparent #fff #fff !important; } .button.is-nexi-red.is-outlined { background-color: transparent; border-color: #EB312E; @@ -1570,11 +1592,11 @@ a.box:active { .button.is-nexi-red.is-outlined:hover, .button.is-nexi-red.is-outlined.is-hovered, .button.is-nexi-red.is-outlined:focus, .button.is-nexi-red.is-outlined.is-focused { background-color: #EB312E; border-color: #EB312E; - color: findColorInvert(#EB312E); } + color: #fff; } .button.is-nexi-red.is-outlined.is-loading::after { border-color: transparent transparent #EB312E #EB312E !important; } .button.is-nexi-red.is-outlined.is-loading:hover::after, .button.is-nexi-red.is-outlined.is-loading.is-hovered::after, .button.is-nexi-red.is-outlined.is-loading:focus::after, .button.is-nexi-red.is-outlined.is-loading.is-focused::after { - border-color: transparent transparent findColorInvert(#EB312E) findColorInvert(#EB312E) !important; } + border-color: transparent transparent #fff #fff !important; } .button.is-nexi-red.is-outlined[disabled], fieldset[disabled] .button.is-nexi-red.is-outlined { background-color: transparent; @@ -1583,19 +1605,19 @@ a.box:active { color: #EB312E; } .button.is-nexi-red.is-inverted.is-outlined { background-color: transparent; - border-color: findColorInvert(#EB312E); - color: findColorInvert(#EB312E); } + border-color: #fff; + color: #fff; } .button.is-nexi-red.is-inverted.is-outlined:hover, .button.is-nexi-red.is-inverted.is-outlined.is-hovered, .button.is-nexi-red.is-inverted.is-outlined:focus, .button.is-nexi-red.is-inverted.is-outlined.is-focused { - background-color: findColorInvert(#EB312E); + background-color: #fff; color: #EB312E; } .button.is-nexi-red.is-inverted.is-outlined.is-loading:hover::after, .button.is-nexi-red.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-nexi-red.is-inverted.is-outlined.is-loading:focus::after, .button.is-nexi-red.is-inverted.is-outlined.is-loading.is-focused::after { border-color: transparent transparent #EB312E #EB312E !important; } .button.is-nexi-red.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-nexi-red.is-inverted.is-outlined { background-color: transparent; - border-color: findColorInvert(#EB312E); + border-color: #fff; box-shadow: none; - color: findColorInvert(#EB312E); } + color: #fff; } .button.is-nexi-red.is-light { background-color: #fdedec; color: #d11714; } @@ -1610,38 +1632,38 @@ a.box:active { .button.is-nexi-darker-red { background-color: #EB302D; border-color: transparent; - color: findColorInvert(#EB302D); } + color: #fff; } .button.is-nexi-darker-red:hover, .button.is-nexi-darker-red.is-hovered { background-color: #ea2521; border-color: transparent; - color: findColorInvert(#EB302D); } + color: #fff; } .button.is-nexi-darker-red:focus, .button.is-nexi-darker-red.is-focused { border-color: transparent; - color: findColorInvert(#EB302D); } + color: #fff; } .button.is-nexi-darker-red:focus:not(:active), .button.is-nexi-darker-red.is-focused:not(:active) { box-shadow: 0 0 0 0.125em rgba(235, 48, 45, 0.25); } .button.is-nexi-darker-red:active, .button.is-nexi-darker-red.is-active { background-color: #e81916; border-color: transparent; - color: findColorInvert(#EB302D); } + color: #fff; } .button.is-nexi-darker-red[disabled], fieldset[disabled] .button.is-nexi-darker-red { background-color: #EB302D; border-color: #EB302D; box-shadow: none; } .button.is-nexi-darker-red.is-inverted { - background-color: findColorInvert(#EB302D); + background-color: #fff; color: #EB302D; } .button.is-nexi-darker-red.is-inverted:hover, .button.is-nexi-darker-red.is-inverted.is-hovered { - background-color: findColorInvert(#EB302D); } + background-color: #f2f2f2; } .button.is-nexi-darker-red.is-inverted[disabled], fieldset[disabled] .button.is-nexi-darker-red.is-inverted { - background-color: findColorInvert(#EB302D); + background-color: #fff; border-color: transparent; box-shadow: none; color: #EB302D; } .button.is-nexi-darker-red.is-loading::after { - border-color: transparent transparent findColorInvert(#EB302D) findColorInvert(#EB302D) !important; } + border-color: transparent transparent #fff #fff !important; } .button.is-nexi-darker-red.is-outlined { background-color: transparent; border-color: #EB302D; @@ -1649,11 +1671,11 @@ a.box:active { .button.is-nexi-darker-red.is-outlined:hover, .button.is-nexi-darker-red.is-outlined.is-hovered, .button.is-nexi-darker-red.is-outlined:focus, .button.is-nexi-darker-red.is-outlined.is-focused { background-color: #EB302D; border-color: #EB302D; - color: findColorInvert(#EB302D); } + color: #fff; } .button.is-nexi-darker-red.is-outlined.is-loading::after { border-color: transparent transparent #EB302D #EB302D !important; } .button.is-nexi-darker-red.is-outlined.is-loading:hover::after, .button.is-nexi-darker-red.is-outlined.is-loading.is-hovered::after, .button.is-nexi-darker-red.is-outlined.is-loading:focus::after, .button.is-nexi-darker-red.is-outlined.is-loading.is-focused::after { - border-color: transparent transparent findColorInvert(#EB302D) findColorInvert(#EB302D) !important; } + border-color: transparent transparent #fff #fff !important; } .button.is-nexi-darker-red.is-outlined[disabled], fieldset[disabled] .button.is-nexi-darker-red.is-outlined { background-color: transparent; @@ -1662,19 +1684,19 @@ a.box:active { color: #EB302D; } .button.is-nexi-darker-red.is-inverted.is-outlined { background-color: transparent; - border-color: findColorInvert(#EB302D); - color: findColorInvert(#EB302D); } + border-color: #fff; + color: #fff; } .button.is-nexi-darker-red.is-inverted.is-outlined:hover, .button.is-nexi-darker-red.is-inverted.is-outlined.is-hovered, .button.is-nexi-darker-red.is-inverted.is-outlined:focus, .button.is-nexi-darker-red.is-inverted.is-outlined.is-focused { - background-color: findColorInvert(#EB302D); + background-color: #fff; color: #EB302D; } .button.is-nexi-darker-red.is-inverted.is-outlined.is-loading:hover::after, .button.is-nexi-darker-red.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-nexi-darker-red.is-inverted.is-outlined.is-loading:focus::after, .button.is-nexi-darker-red.is-inverted.is-outlined.is-loading.is-focused::after { border-color: transparent transparent #EB302D #EB302D !important; } .button.is-nexi-darker-red.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-nexi-darker-red.is-inverted.is-outlined { background-color: transparent; - border-color: findColorInvert(#EB302D); + border-color: #fff; box-shadow: none; - color: findColorInvert(#EB302D); } + color: #fff; } .button.is-nexi-darker-red.is-light { background-color: #fdedec; color: #d21714; } @@ -1689,38 +1711,38 @@ a.box:active { .button.is-nexi-grey { background-color: #E4E4E4; border-color: transparent; - color: findColorInvert(#E4E4E4); } + color: rgba(0, 0, 0, 0.7); } .button.is-nexi-grey:hover, .button.is-nexi-grey.is-hovered { background-color: #dedede; border-color: transparent; - color: findColorInvert(#E4E4E4); } + color: rgba(0, 0, 0, 0.7); } .button.is-nexi-grey:focus, .button.is-nexi-grey.is-focused { border-color: transparent; - color: findColorInvert(#E4E4E4); } + color: rgba(0, 0, 0, 0.7); } .button.is-nexi-grey:focus:not(:active), .button.is-nexi-grey.is-focused:not(:active) { box-shadow: 0 0 0 0.125em rgba(228, 228, 228, 0.25); } .button.is-nexi-grey:active, .button.is-nexi-grey.is-active { background-color: #d7d7d7; border-color: transparent; - color: findColorInvert(#E4E4E4); } + color: rgba(0, 0, 0, 0.7); } .button.is-nexi-grey[disabled], fieldset[disabled] .button.is-nexi-grey { background-color: #E4E4E4; border-color: #E4E4E4; box-shadow: none; } .button.is-nexi-grey.is-inverted { - background-color: findColorInvert(#E4E4E4); + background-color: rgba(0, 0, 0, 0.7); color: #E4E4E4; } .button.is-nexi-grey.is-inverted:hover, .button.is-nexi-grey.is-inverted.is-hovered { - background-color: findColorInvert(#E4E4E4); } + background-color: rgba(0, 0, 0, 0.7); } .button.is-nexi-grey.is-inverted[disabled], fieldset[disabled] .button.is-nexi-grey.is-inverted { - background-color: findColorInvert(#E4E4E4); + background-color: rgba(0, 0, 0, 0.7); border-color: transparent; box-shadow: none; color: #E4E4E4; } .button.is-nexi-grey.is-loading::after { - border-color: transparent transparent findColorInvert(#E4E4E4) findColorInvert(#E4E4E4) !important; } + border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; } .button.is-nexi-grey.is-outlined { background-color: transparent; border-color: #E4E4E4; @@ -1728,11 +1750,11 @@ a.box:active { .button.is-nexi-grey.is-outlined:hover, .button.is-nexi-grey.is-outlined.is-hovered, .button.is-nexi-grey.is-outlined:focus, .button.is-nexi-grey.is-outlined.is-focused { background-color: #E4E4E4; border-color: #E4E4E4; - color: findColorInvert(#E4E4E4); } + color: rgba(0, 0, 0, 0.7); } .button.is-nexi-grey.is-outlined.is-loading::after { border-color: transparent transparent #E4E4E4 #E4E4E4 !important; } .button.is-nexi-grey.is-outlined.is-loading:hover::after, .button.is-nexi-grey.is-outlined.is-loading.is-hovered::after, .button.is-nexi-grey.is-outlined.is-loading:focus::after, .button.is-nexi-grey.is-outlined.is-loading.is-focused::after { - border-color: transparent transparent findColorInvert(#E4E4E4) findColorInvert(#E4E4E4) !important; } + border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; } .button.is-nexi-grey.is-outlined[disabled], fieldset[disabled] .button.is-nexi-grey.is-outlined { background-color: transparent; @@ -1741,19 +1763,19 @@ a.box:active { color: #E4E4E4; } .button.is-nexi-grey.is-inverted.is-outlined { background-color: transparent; - border-color: findColorInvert(#E4E4E4); - color: findColorInvert(#E4E4E4); } + border-color: rgba(0, 0, 0, 0.7); + color: rgba(0, 0, 0, 0.7); } .button.is-nexi-grey.is-inverted.is-outlined:hover, .button.is-nexi-grey.is-inverted.is-outlined.is-hovered, .button.is-nexi-grey.is-inverted.is-outlined:focus, .button.is-nexi-grey.is-inverted.is-outlined.is-focused { - background-color: findColorInvert(#E4E4E4); + background-color: rgba(0, 0, 0, 0.7); color: #E4E4E4; } .button.is-nexi-grey.is-inverted.is-outlined.is-loading:hover::after, .button.is-nexi-grey.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-nexi-grey.is-inverted.is-outlined.is-loading:focus::after, .button.is-nexi-grey.is-inverted.is-outlined.is-loading.is-focused::after { border-color: transparent transparent #E4E4E4 #E4E4E4 !important; } .button.is-nexi-grey.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-nexi-grey.is-inverted.is-outlined { background-color: transparent; - border-color: findColorInvert(#E4E4E4); + border-color: rgba(0, 0, 0, 0.7); box-shadow: none; - color: findColorInvert(#E4E4E4); } + color: rgba(0, 0, 0, 0.7); } .button.is-nexi-grey.is-light { background-color: whitesmoke; color: #4a4a4a; } @@ -1768,38 +1790,38 @@ a.box:active { .button.is-nexi-darker-grey { background-color: #D2D2D2; border-color: transparent; - color: findColorInvert(#D2D2D2); } + color: rgba(0, 0, 0, 0.7); } .button.is-nexi-darker-grey:hover, .button.is-nexi-darker-grey.is-hovered { background-color: #cccccc; border-color: transparent; - color: findColorInvert(#D2D2D2); } + color: rgba(0, 0, 0, 0.7); } .button.is-nexi-darker-grey:focus, .button.is-nexi-darker-grey.is-focused { border-color: transparent; - color: findColorInvert(#D2D2D2); } + color: rgba(0, 0, 0, 0.7); } .button.is-nexi-darker-grey:focus:not(:active), .button.is-nexi-darker-grey.is-focused:not(:active) { box-shadow: 0 0 0 0.125em rgba(210, 210, 210, 0.25); } .button.is-nexi-darker-grey:active, .button.is-nexi-darker-grey.is-active { background-color: #c5c5c5; border-color: transparent; - color: findColorInvert(#D2D2D2); } + color: rgba(0, 0, 0, 0.7); } .button.is-nexi-darker-grey[disabled], fieldset[disabled] .button.is-nexi-darker-grey { background-color: #D2D2D2; border-color: #D2D2D2; box-shadow: none; } .button.is-nexi-darker-grey.is-inverted { - background-color: findColorInvert(#D2D2D2); + background-color: rgba(0, 0, 0, 0.7); color: #D2D2D2; } .button.is-nexi-darker-grey.is-inverted:hover, .button.is-nexi-darker-grey.is-inverted.is-hovered { - background-color: findColorInvert(#D2D2D2); } + background-color: rgba(0, 0, 0, 0.7); } .button.is-nexi-darker-grey.is-inverted[disabled], fieldset[disabled] .button.is-nexi-darker-grey.is-inverted { - background-color: findColorInvert(#D2D2D2); + background-color: rgba(0, 0, 0, 0.7); border-color: transparent; box-shadow: none; color: #D2D2D2; } .button.is-nexi-darker-grey.is-loading::after { - border-color: transparent transparent findColorInvert(#D2D2D2) findColorInvert(#D2D2D2) !important; } + border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; } .button.is-nexi-darker-grey.is-outlined { background-color: transparent; border-color: #D2D2D2; @@ -1807,11 +1829,11 @@ a.box:active { .button.is-nexi-darker-grey.is-outlined:hover, .button.is-nexi-darker-grey.is-outlined.is-hovered, .button.is-nexi-darker-grey.is-outlined:focus, .button.is-nexi-darker-grey.is-outlined.is-focused { background-color: #D2D2D2; border-color: #D2D2D2; - color: findColorInvert(#D2D2D2); } + color: rgba(0, 0, 0, 0.7); } .button.is-nexi-darker-grey.is-outlined.is-loading::after { border-color: transparent transparent #D2D2D2 #D2D2D2 !important; } .button.is-nexi-darker-grey.is-outlined.is-loading:hover::after, .button.is-nexi-darker-grey.is-outlined.is-loading.is-hovered::after, .button.is-nexi-darker-grey.is-outlined.is-loading:focus::after, .button.is-nexi-darker-grey.is-outlined.is-loading.is-focused::after { - border-color: transparent transparent findColorInvert(#D2D2D2) findColorInvert(#D2D2D2) !important; } + border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; } .button.is-nexi-darker-grey.is-outlined[disabled], fieldset[disabled] .button.is-nexi-darker-grey.is-outlined { background-color: transparent; @@ -1820,19 +1842,19 @@ a.box:active { color: #D2D2D2; } .button.is-nexi-darker-grey.is-inverted.is-outlined { background-color: transparent; - border-color: findColorInvert(#D2D2D2); - color: findColorInvert(#D2D2D2); } + border-color: rgba(0, 0, 0, 0.7); + color: rgba(0, 0, 0, 0.7); } .button.is-nexi-darker-grey.is-inverted.is-outlined:hover, .button.is-nexi-darker-grey.is-inverted.is-outlined.is-hovered, .button.is-nexi-darker-grey.is-inverted.is-outlined:focus, .button.is-nexi-darker-grey.is-inverted.is-outlined.is-focused { - background-color: findColorInvert(#D2D2D2); + background-color: rgba(0, 0, 0, 0.7); color: #D2D2D2; } .button.is-nexi-darker-grey.is-inverted.is-outlined.is-loading:hover::after, .button.is-nexi-darker-grey.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-nexi-darker-grey.is-inverted.is-outlined.is-loading:focus::after, .button.is-nexi-darker-grey.is-inverted.is-outlined.is-loading.is-focused::after { border-color: transparent transparent #D2D2D2 #D2D2D2 !important; } .button.is-nexi-darker-grey.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-nexi-darker-grey.is-inverted.is-outlined { background-color: transparent; - border-color: findColorInvert(#D2D2D2); + border-color: rgba(0, 0, 0, 0.7); box-shadow: none; - color: findColorInvert(#D2D2D2); } + color: rgba(0, 0, 0, 0.7); } .button.is-nexi-darker-grey.is-light { background-color: whitesmoke; color: #4a4a4a; } @@ -1847,38 +1869,38 @@ a.box:active { .button.is-nexi-green { background-color: #36EA7B; border-color: transparent; - color: findColorInvert(#36EA7B); } + color: rgba(0, 0, 0, 0.7); } .button.is-nexi-green:hover, .button.is-nexi-green.is-hovered { background-color: #2ae973; border-color: transparent; - color: findColorInvert(#36EA7B); } + color: rgba(0, 0, 0, 0.7); } .button.is-nexi-green:focus, .button.is-nexi-green.is-focused { border-color: transparent; - color: findColorInvert(#36EA7B); } + color: rgba(0, 0, 0, 0.7); } .button.is-nexi-green:focus:not(:active), .button.is-nexi-green.is-focused:not(:active) { box-shadow: 0 0 0 0.125em rgba(54, 234, 123, 0.25); } .button.is-nexi-green:active, .button.is-nexi-green.is-active { background-color: #1fe86c; border-color: transparent; - color: findColorInvert(#36EA7B); } + color: rgba(0, 0, 0, 0.7); } .button.is-nexi-green[disabled], fieldset[disabled] .button.is-nexi-green { background-color: #36EA7B; border-color: #36EA7B; box-shadow: none; } .button.is-nexi-green.is-inverted { - background-color: findColorInvert(#36EA7B); + background-color: rgba(0, 0, 0, 0.7); color: #36EA7B; } .button.is-nexi-green.is-inverted:hover, .button.is-nexi-green.is-inverted.is-hovered { - background-color: findColorInvert(#36EA7B); } + background-color: rgba(0, 0, 0, 0.7); } .button.is-nexi-green.is-inverted[disabled], fieldset[disabled] .button.is-nexi-green.is-inverted { - background-color: findColorInvert(#36EA7B); + background-color: rgba(0, 0, 0, 0.7); border-color: transparent; box-shadow: none; color: #36EA7B; } .button.is-nexi-green.is-loading::after { - border-color: transparent transparent findColorInvert(#36EA7B) findColorInvert(#36EA7B) !important; } + border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; } .button.is-nexi-green.is-outlined { background-color: transparent; border-color: #36EA7B; @@ -1886,11 +1908,11 @@ a.box:active { .button.is-nexi-green.is-outlined:hover, .button.is-nexi-green.is-outlined.is-hovered, .button.is-nexi-green.is-outlined:focus, .button.is-nexi-green.is-outlined.is-focused { background-color: #36EA7B; border-color: #36EA7B; - color: findColorInvert(#36EA7B); } + color: rgba(0, 0, 0, 0.7); } .button.is-nexi-green.is-outlined.is-loading::after { border-color: transparent transparent #36EA7B #36EA7B !important; } .button.is-nexi-green.is-outlined.is-loading:hover::after, .button.is-nexi-green.is-outlined.is-loading.is-hovered::after, .button.is-nexi-green.is-outlined.is-loading:focus::after, .button.is-nexi-green.is-outlined.is-loading.is-focused::after { - border-color: transparent transparent findColorInvert(#36EA7B) findColorInvert(#36EA7B) !important; } + border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; } .button.is-nexi-green.is-outlined[disabled], fieldset[disabled] .button.is-nexi-green.is-outlined { background-color: transparent; @@ -1899,19 +1921,19 @@ a.box:active { color: #36EA7B; } .button.is-nexi-green.is-inverted.is-outlined { background-color: transparent; - border-color: findColorInvert(#36EA7B); - color: findColorInvert(#36EA7B); } + border-color: rgba(0, 0, 0, 0.7); + color: rgba(0, 0, 0, 0.7); } .button.is-nexi-green.is-inverted.is-outlined:hover, .button.is-nexi-green.is-inverted.is-outlined.is-hovered, .button.is-nexi-green.is-inverted.is-outlined:focus, .button.is-nexi-green.is-inverted.is-outlined.is-focused { - background-color: findColorInvert(#36EA7B); + background-color: rgba(0, 0, 0, 0.7); color: #36EA7B; } .button.is-nexi-green.is-inverted.is-outlined.is-loading:hover::after, .button.is-nexi-green.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-nexi-green.is-inverted.is-outlined.is-loading:focus::after, .button.is-nexi-green.is-inverted.is-outlined.is-loading.is-focused::after { border-color: transparent transparent #36EA7B #36EA7B !important; } .button.is-nexi-green.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-nexi-green.is-inverted.is-outlined { background-color: transparent; - border-color: findColorInvert(#36EA7B); + border-color: rgba(0, 0, 0, 0.7); box-shadow: none; - color: findColorInvert(#36EA7B); } + color: rgba(0, 0, 0, 0.7); } .button.is-nexi-green.is-light { background-color: #edfdf3; color: #0e863c; } @@ -1926,38 +1948,38 @@ a.box:active { .button.is-nexi-cyan { background-color: #36E9EA; border-color: transparent; - color: findColorInvert(#36E9EA); } + color: rgba(0, 0, 0, 0.7); } .button.is-nexi-cyan:hover, .button.is-nexi-cyan.is-hovered { background-color: #2ae8e9; border-color: transparent; - color: findColorInvert(#36E9EA); } + color: rgba(0, 0, 0, 0.7); } .button.is-nexi-cyan:focus, .button.is-nexi-cyan.is-focused { border-color: transparent; - color: findColorInvert(#36E9EA); } + color: rgba(0, 0, 0, 0.7); } .button.is-nexi-cyan:focus:not(:active), .button.is-nexi-cyan.is-focused:not(:active) { box-shadow: 0 0 0 0.125em rgba(54, 233, 234, 0.25); } .button.is-nexi-cyan:active, .button.is-nexi-cyan.is-active { background-color: #1fe6e8; border-color: transparent; - color: findColorInvert(#36E9EA); } + color: rgba(0, 0, 0, 0.7); } .button.is-nexi-cyan[disabled], fieldset[disabled] .button.is-nexi-cyan { background-color: #36E9EA; border-color: #36E9EA; box-shadow: none; } .button.is-nexi-cyan.is-inverted { - background-color: findColorInvert(#36E9EA); + background-color: rgba(0, 0, 0, 0.7); color: #36E9EA; } .button.is-nexi-cyan.is-inverted:hover, .button.is-nexi-cyan.is-inverted.is-hovered { - background-color: findColorInvert(#36E9EA); } + background-color: rgba(0, 0, 0, 0.7); } .button.is-nexi-cyan.is-inverted[disabled], fieldset[disabled] .button.is-nexi-cyan.is-inverted { - background-color: findColorInvert(#36E9EA); + background-color: rgba(0, 0, 0, 0.7); border-color: transparent; box-shadow: none; color: #36E9EA; } .button.is-nexi-cyan.is-loading::after { - border-color: transparent transparent findColorInvert(#36E9EA) findColorInvert(#36E9EA) !important; } + border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; } .button.is-nexi-cyan.is-outlined { background-color: transparent; border-color: #36E9EA; @@ -1965,11 +1987,11 @@ a.box:active { .button.is-nexi-cyan.is-outlined:hover, .button.is-nexi-cyan.is-outlined.is-hovered, .button.is-nexi-cyan.is-outlined:focus, .button.is-nexi-cyan.is-outlined.is-focused { background-color: #36E9EA; border-color: #36E9EA; - color: findColorInvert(#36E9EA); } + color: rgba(0, 0, 0, 0.7); } .button.is-nexi-cyan.is-outlined.is-loading::after { border-color: transparent transparent #36E9EA #36E9EA !important; } .button.is-nexi-cyan.is-outlined.is-loading:hover::after, .button.is-nexi-cyan.is-outlined.is-loading.is-hovered::after, .button.is-nexi-cyan.is-outlined.is-loading:focus::after, .button.is-nexi-cyan.is-outlined.is-loading.is-focused::after { - border-color: transparent transparent findColorInvert(#36E9EA) findColorInvert(#36E9EA) !important; } + border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; } .button.is-nexi-cyan.is-outlined[disabled], fieldset[disabled] .button.is-nexi-cyan.is-outlined { background-color: transparent; @@ -1978,19 +2000,19 @@ a.box:active { color: #36E9EA; } .button.is-nexi-cyan.is-inverted.is-outlined { background-color: transparent; - border-color: findColorInvert(#36E9EA); - color: findColorInvert(#36E9EA); } + border-color: rgba(0, 0, 0, 0.7); + color: rgba(0, 0, 0, 0.7); } .button.is-nexi-cyan.is-inverted.is-outlined:hover, .button.is-nexi-cyan.is-inverted.is-outlined.is-hovered, .button.is-nexi-cyan.is-inverted.is-outlined:focus, .button.is-nexi-cyan.is-inverted.is-outlined.is-focused { - background-color: findColorInvert(#36E9EA); + background-color: rgba(0, 0, 0, 0.7); color: #36E9EA; } .button.is-nexi-cyan.is-inverted.is-outlined.is-loading:hover::after, .button.is-nexi-cyan.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-nexi-cyan.is-inverted.is-outlined.is-loading:focus::after, .button.is-nexi-cyan.is-inverted.is-outlined.is-loading.is-focused::after { border-color: transparent transparent #36E9EA #36E9EA !important; } .button.is-nexi-cyan.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-nexi-cyan.is-inverted.is-outlined { background-color: transparent; - border-color: findColorInvert(#36E9EA); + border-color: rgba(0, 0, 0, 0.7); box-shadow: none; - color: findColorInvert(#36E9EA); } + color: rgba(0, 0, 0, 0.7); } .button.is-nexi-cyan.is-light { background-color: #edfdfd; color: #0e8586; } @@ -2005,38 +2027,38 @@ a.box:active { .button.is-nexi-purple { background-color: #A625EA; border-color: transparent; - color: findColorInvert(#A625EA); } + color: #fff; } .button.is-nexi-purple:hover, .button.is-nexi-purple.is-hovered { background-color: #a119e9; border-color: transparent; - color: findColorInvert(#A625EA); } + color: #fff; } .button.is-nexi-purple:focus, .button.is-nexi-purple.is-focused { border-color: transparent; - color: findColorInvert(#A625EA); } + color: #fff; } .button.is-nexi-purple:focus:not(:active), .button.is-nexi-purple.is-focused:not(:active) { box-shadow: 0 0 0 0.125em rgba(166, 37, 234, 0.25); } .button.is-nexi-purple:active, .button.is-nexi-purple.is-active { background-color: #9a16e0; border-color: transparent; - color: findColorInvert(#A625EA); } + color: #fff; } .button.is-nexi-purple[disabled], fieldset[disabled] .button.is-nexi-purple { background-color: #A625EA; border-color: #A625EA; box-shadow: none; } .button.is-nexi-purple.is-inverted { - background-color: findColorInvert(#A625EA); + background-color: #fff; color: #A625EA; } .button.is-nexi-purple.is-inverted:hover, .button.is-nexi-purple.is-inverted.is-hovered { - background-color: findColorInvert(#A625EA); } + background-color: #f2f2f2; } .button.is-nexi-purple.is-inverted[disabled], fieldset[disabled] .button.is-nexi-purple.is-inverted { - background-color: findColorInvert(#A625EA); + background-color: #fff; border-color: transparent; box-shadow: none; color: #A625EA; } .button.is-nexi-purple.is-loading::after { - border-color: transparent transparent findColorInvert(#A625EA) findColorInvert(#A625EA) !important; } + border-color: transparent transparent #fff #fff !important; } .button.is-nexi-purple.is-outlined { background-color: transparent; border-color: #A625EA; @@ -2044,11 +2066,11 @@ a.box:active { .button.is-nexi-purple.is-outlined:hover, .button.is-nexi-purple.is-outlined.is-hovered, .button.is-nexi-purple.is-outlined:focus, .button.is-nexi-purple.is-outlined.is-focused { background-color: #A625EA; border-color: #A625EA; - color: findColorInvert(#A625EA); } + color: #fff; } .button.is-nexi-purple.is-outlined.is-loading::after { border-color: transparent transparent #A625EA #A625EA !important; } .button.is-nexi-purple.is-outlined.is-loading:hover::after, .button.is-nexi-purple.is-outlined.is-loading.is-hovered::after, .button.is-nexi-purple.is-outlined.is-loading:focus::after, .button.is-nexi-purple.is-outlined.is-loading.is-focused::after { - border-color: transparent transparent findColorInvert(#A625EA) findColorInvert(#A625EA) !important; } + border-color: transparent transparent #fff #fff !important; } .button.is-nexi-purple.is-outlined[disabled], fieldset[disabled] .button.is-nexi-purple.is-outlined { background-color: transparent; @@ -2057,19 +2079,19 @@ a.box:active { color: #A625EA; } .button.is-nexi-purple.is-inverted.is-outlined { background-color: transparent; - border-color: findColorInvert(#A625EA); - color: findColorInvert(#A625EA); } + border-color: #fff; + color: #fff; } .button.is-nexi-purple.is-inverted.is-outlined:hover, .button.is-nexi-purple.is-inverted.is-outlined.is-hovered, .button.is-nexi-purple.is-inverted.is-outlined:focus, .button.is-nexi-purple.is-inverted.is-outlined.is-focused { - background-color: findColorInvert(#A625EA); + background-color: #fff; color: #A625EA; } .button.is-nexi-purple.is-inverted.is-outlined.is-loading:hover::after, .button.is-nexi-purple.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-nexi-purple.is-inverted.is-outlined.is-loading:focus::after, .button.is-nexi-purple.is-inverted.is-outlined.is-loading.is-focused::after { border-color: transparent transparent #A625EA #A625EA !important; } .button.is-nexi-purple.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-nexi-purple.is-inverted.is-outlined { background-color: transparent; - border-color: findColorInvert(#A625EA); + border-color: #fff; box-shadow: none; - color: findColorInvert(#A625EA); } + color: #fff; } .button.is-nexi-purple.is-light { background-color: #f7ecfd; color: #9615db; } @@ -2084,38 +2106,38 @@ a.box:active { .button.is-nexi-orange { background-color: #F17C25; border-color: transparent; - color: findColorInvert(#F17C25); } + color: #fff; } .button.is-nexi-orange:hover, .button.is-nexi-orange.is-hovered { background-color: #f07519; border-color: transparent; - color: findColorInvert(#F17C25); } + color: #fff; } .button.is-nexi-orange:focus, .button.is-nexi-orange.is-focused { border-color: transparent; - color: findColorInvert(#F17C25); } + color: #fff; } .button.is-nexi-orange:focus:not(:active), .button.is-nexi-orange.is-focused:not(:active) { box-shadow: 0 0 0 0.125em rgba(241, 124, 37, 0.25); } .button.is-nexi-orange:active, .button.is-nexi-orange.is-active { background-color: #ed6e0f; border-color: transparent; - color: findColorInvert(#F17C25); } + color: #fff; } .button.is-nexi-orange[disabled], fieldset[disabled] .button.is-nexi-orange { background-color: #F17C25; border-color: #F17C25; box-shadow: none; } .button.is-nexi-orange.is-inverted { - background-color: findColorInvert(#F17C25); + background-color: #fff; color: #F17C25; } .button.is-nexi-orange.is-inverted:hover, .button.is-nexi-orange.is-inverted.is-hovered { - background-color: findColorInvert(#F17C25); } + background-color: #f2f2f2; } .button.is-nexi-orange.is-inverted[disabled], fieldset[disabled] .button.is-nexi-orange.is-inverted { - background-color: findColorInvert(#F17C25); + background-color: #fff; border-color: transparent; box-shadow: none; color: #F17C25; } .button.is-nexi-orange.is-loading::after { - border-color: transparent transparent findColorInvert(#F17C25) findColorInvert(#F17C25) !important; } + border-color: transparent transparent #fff #fff !important; } .button.is-nexi-orange.is-outlined { background-color: transparent; border-color: #F17C25; @@ -2123,11 +2145,11 @@ a.box:active { .button.is-nexi-orange.is-outlined:hover, .button.is-nexi-orange.is-outlined.is-hovered, .button.is-nexi-orange.is-outlined:focus, .button.is-nexi-orange.is-outlined.is-focused { background-color: #F17C25; border-color: #F17C25; - color: findColorInvert(#F17C25); } + color: #fff; } .button.is-nexi-orange.is-outlined.is-loading::after { border-color: transparent transparent #F17C25 #F17C25 !important; } .button.is-nexi-orange.is-outlined.is-loading:hover::after, .button.is-nexi-orange.is-outlined.is-loading.is-hovered::after, .button.is-nexi-orange.is-outlined.is-loading:focus::after, .button.is-nexi-orange.is-outlined.is-loading.is-focused::after { - border-color: transparent transparent findColorInvert(#F17C25) findColorInvert(#F17C25) !important; } + border-color: transparent transparent #fff #fff !important; } .button.is-nexi-orange.is-outlined[disabled], fieldset[disabled] .button.is-nexi-orange.is-outlined { background-color: transparent; @@ -2136,19 +2158,19 @@ a.box:active { color: #F17C25; } .button.is-nexi-orange.is-inverted.is-outlined { background-color: transparent; - border-color: findColorInvert(#F17C25); - color: findColorInvert(#F17C25); } + border-color: #fff; + color: #fff; } .button.is-nexi-orange.is-inverted.is-outlined:hover, .button.is-nexi-orange.is-inverted.is-outlined.is-hovered, .button.is-nexi-orange.is-inverted.is-outlined:focus, .button.is-nexi-orange.is-inverted.is-outlined.is-focused { - background-color: findColorInvert(#F17C25); + background-color: #fff; color: #F17C25; } .button.is-nexi-orange.is-inverted.is-outlined.is-loading:hover::after, .button.is-nexi-orange.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-nexi-orange.is-inverted.is-outlined.is-loading:focus::after, .button.is-nexi-orange.is-inverted.is-outlined.is-loading.is-focused::after { border-color: transparent transparent #F17C25 #F17C25 !important; } .button.is-nexi-orange.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-nexi-orange.is-inverted.is-outlined { background-color: transparent; - border-color: findColorInvert(#F17C25); + border-color: #fff; box-shadow: none; - color: findColorInvert(#F17C25); } + color: #fff; } .button.is-nexi-orange.is-light { background-color: #fef3ec; color: #b1520b; } @@ -2163,38 +2185,38 @@ a.box:active { .button.is-nexi-darker-orange { background-color: #F44336; border-color: transparent; - color: findColorInvert(#F44336); } + color: #fff; } .button.is-nexi-darker-orange:hover, .button.is-nexi-darker-orange.is-hovered { background-color: #f3382a; border-color: transparent; - color: findColorInvert(#F44336); } + color: #fff; } .button.is-nexi-darker-orange:focus, .button.is-nexi-darker-orange.is-focused { border-color: transparent; - color: findColorInvert(#F44336); } + color: #fff; } .button.is-nexi-darker-orange:focus:not(:active), .button.is-nexi-darker-orange.is-focused:not(:active) { box-shadow: 0 0 0 0.125em rgba(244, 67, 54, 0.25); } .button.is-nexi-darker-orange:active, .button.is-nexi-darker-orange.is-active { background-color: #f32c1e; border-color: transparent; - color: findColorInvert(#F44336); } + color: #fff; } .button.is-nexi-darker-orange[disabled], fieldset[disabled] .button.is-nexi-darker-orange { background-color: #F44336; border-color: #F44336; box-shadow: none; } .button.is-nexi-darker-orange.is-inverted { - background-color: findColorInvert(#F44336); + background-color: #fff; color: #F44336; } .button.is-nexi-darker-orange.is-inverted:hover, .button.is-nexi-darker-orange.is-inverted.is-hovered { - background-color: findColorInvert(#F44336); } + background-color: #f2f2f2; } .button.is-nexi-darker-orange.is-inverted[disabled], fieldset[disabled] .button.is-nexi-darker-orange.is-inverted { - background-color: findColorInvert(#F44336); + background-color: #fff; border-color: transparent; box-shadow: none; color: #F44336; } .button.is-nexi-darker-orange.is-loading::after { - border-color: transparent transparent findColorInvert(#F44336) findColorInvert(#F44336) !important; } + border-color: transparent transparent #fff #fff !important; } .button.is-nexi-darker-orange.is-outlined { background-color: transparent; border-color: #F44336; @@ -2202,11 +2224,11 @@ a.box:active { .button.is-nexi-darker-orange.is-outlined:hover, .button.is-nexi-darker-orange.is-outlined.is-hovered, .button.is-nexi-darker-orange.is-outlined:focus, .button.is-nexi-darker-orange.is-outlined.is-focused { background-color: #F44336; border-color: #F44336; - color: findColorInvert(#F44336); } + color: #fff; } .button.is-nexi-darker-orange.is-outlined.is-loading::after { border-color: transparent transparent #F44336 #F44336 !important; } .button.is-nexi-darker-orange.is-outlined.is-loading:hover::after, .button.is-nexi-darker-orange.is-outlined.is-loading.is-hovered::after, .button.is-nexi-darker-orange.is-outlined.is-loading:focus::after, .button.is-nexi-darker-orange.is-outlined.is-loading.is-focused::after { - border-color: transparent transparent findColorInvert(#F44336) findColorInvert(#F44336) !important; } + border-color: transparent transparent #fff #fff !important; } .button.is-nexi-darker-orange.is-outlined[disabled], fieldset[disabled] .button.is-nexi-darker-orange.is-outlined { background-color: transparent; @@ -2215,19 +2237,19 @@ a.box:active { color: #F44336; } .button.is-nexi-darker-orange.is-inverted.is-outlined { background-color: transparent; - border-color: findColorInvert(#F44336); - color: findColorInvert(#F44336); } + border-color: #fff; + color: #fff; } .button.is-nexi-darker-orange.is-inverted.is-outlined:hover, .button.is-nexi-darker-orange.is-inverted.is-outlined.is-hovered, .button.is-nexi-darker-orange.is-inverted.is-outlined:focus, .button.is-nexi-darker-orange.is-inverted.is-outlined.is-focused { - background-color: findColorInvert(#F44336); + background-color: #fff; color: #F44336; } .button.is-nexi-darker-orange.is-inverted.is-outlined.is-loading:hover::after, .button.is-nexi-darker-orange.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-nexi-darker-orange.is-inverted.is-outlined.is-loading:focus::after, .button.is-nexi-darker-orange.is-inverted.is-outlined.is-loading.is-focused::after { border-color: transparent transparent #F44336 #F44336 !important; } .button.is-nexi-darker-orange.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-nexi-darker-orange.is-inverted.is-outlined { background-color: transparent; - border-color: findColorInvert(#F44336); + border-color: #fff; box-shadow: none; - color: findColorInvert(#F44336); } + color: #fff; } .button.is-nexi-darker-orange.is-light { background-color: #feedec; color: #d0190b; } @@ -2242,38 +2264,38 @@ a.box:active { .button.is-nexi-yellow { background-color: #FFC107; border-color: transparent; - color: findColorInvert(#FFC107); } + color: rgba(0, 0, 0, 0.7); } .button.is-nexi-yellow:hover, .button.is-nexi-yellow.is-hovered { background-color: #f9bb00; border-color: transparent; - color: findColorInvert(#FFC107); } + color: rgba(0, 0, 0, 0.7); } .button.is-nexi-yellow:focus, .button.is-nexi-yellow.is-focused { border-color: transparent; - color: findColorInvert(#FFC107); } + color: rgba(0, 0, 0, 0.7); } .button.is-nexi-yellow:focus:not(:active), .button.is-nexi-yellow.is-focused:not(:active) { box-shadow: 0 0 0 0.125em rgba(255, 193, 7, 0.25); } .button.is-nexi-yellow:active, .button.is-nexi-yellow.is-active { background-color: #edb100; border-color: transparent; - color: findColorInvert(#FFC107); } + color: rgba(0, 0, 0, 0.7); } .button.is-nexi-yellow[disabled], fieldset[disabled] .button.is-nexi-yellow { background-color: #FFC107; border-color: #FFC107; box-shadow: none; } .button.is-nexi-yellow.is-inverted { - background-color: findColorInvert(#FFC107); + background-color: rgba(0, 0, 0, 0.7); color: #FFC107; } .button.is-nexi-yellow.is-inverted:hover, .button.is-nexi-yellow.is-inverted.is-hovered { - background-color: findColorInvert(#FFC107); } + background-color: rgba(0, 0, 0, 0.7); } .button.is-nexi-yellow.is-inverted[disabled], fieldset[disabled] .button.is-nexi-yellow.is-inverted { - background-color: findColorInvert(#FFC107); + background-color: rgba(0, 0, 0, 0.7); border-color: transparent; box-shadow: none; color: #FFC107; } .button.is-nexi-yellow.is-loading::after { - border-color: transparent transparent findColorInvert(#FFC107) findColorInvert(#FFC107) !important; } + border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; } .button.is-nexi-yellow.is-outlined { background-color: transparent; border-color: #FFC107; @@ -2281,11 +2303,11 @@ a.box:active { .button.is-nexi-yellow.is-outlined:hover, .button.is-nexi-yellow.is-outlined.is-hovered, .button.is-nexi-yellow.is-outlined:focus, .button.is-nexi-yellow.is-outlined.is-focused { background-color: #FFC107; border-color: #FFC107; - color: findColorInvert(#FFC107); } + color: rgba(0, 0, 0, 0.7); } .button.is-nexi-yellow.is-outlined.is-loading::after { border-color: transparent transparent #FFC107 #FFC107 !important; } .button.is-nexi-yellow.is-outlined.is-loading:hover::after, .button.is-nexi-yellow.is-outlined.is-loading.is-hovered::after, .button.is-nexi-yellow.is-outlined.is-loading:focus::after, .button.is-nexi-yellow.is-outlined.is-loading.is-focused::after { - border-color: transparent transparent findColorInvert(#FFC107) findColorInvert(#FFC107) !important; } + border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; } .button.is-nexi-yellow.is-outlined[disabled], fieldset[disabled] .button.is-nexi-yellow.is-outlined { background-color: transparent; @@ -2294,19 +2316,19 @@ a.box:active { color: #FFC107; } .button.is-nexi-yellow.is-inverted.is-outlined { background-color: transparent; - border-color: findColorInvert(#FFC107); - color: findColorInvert(#FFC107); } + border-color: rgba(0, 0, 0, 0.7); + color: rgba(0, 0, 0, 0.7); } .button.is-nexi-yellow.is-inverted.is-outlined:hover, .button.is-nexi-yellow.is-inverted.is-outlined.is-hovered, .button.is-nexi-yellow.is-inverted.is-outlined:focus, .button.is-nexi-yellow.is-inverted.is-outlined.is-focused { - background-color: findColorInvert(#FFC107); + background-color: rgba(0, 0, 0, 0.7); color: #FFC107; } .button.is-nexi-yellow.is-inverted.is-outlined.is-loading:hover::after, .button.is-nexi-yellow.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-nexi-yellow.is-inverted.is-outlined.is-loading:focus::after, .button.is-nexi-yellow.is-inverted.is-outlined.is-loading.is-focused::after { border-color: transparent transparent #FFC107 #FFC107 !important; } .button.is-nexi-yellow.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-nexi-yellow.is-inverted.is-outlined { background-color: transparent; - border-color: findColorInvert(#FFC107); + border-color: rgba(0, 0, 0, 0.7); box-shadow: none; - color: findColorInvert(#FFC107); } + color: rgba(0, 0, 0, 0.7); } .button.is-nexi-yellow.is-light { background-color: #fffaeb; color: #946f00; } @@ -2754,11 +2776,11 @@ div.icon-text { background-color: #363636; color: #fff; } .notification.is-primary { - background-color: #f8fafb; - color: rgba(0, 0, 0, 0.7); } + background-color: #181818; + color: #f8fafb; } .notification.is-primary.is-light { - background-color: #f8fafb; - color: #36515e; } + background-color: whitesmoke; + color: #8f8f8f; } .notification.is-link { background-color: #EB312E; color: #fff; } @@ -2791,85 +2813,85 @@ div.icon-text { color: #d11714; } .notification.is-nexi-white { background-color: #f8fafb; - color: findColorInvert(#f8fafb); } + color: #181818; } .notification.is-nexi-white.is-light { background-color: #f8fafb; color: #36515e; } .notification.is-nexi-lighter-black { background-color: #353535; - color: findColorInvert(#353535); } + color: #fff; } .notification.is-nexi-lighter-black.is-light { background-color: whitesmoke; color: #8a8a8a; } .notification.is-nexi-black { background-color: #181818; - color: findColorInvert(#181818); } + color: #f8fafb; } .notification.is-nexi-black.is-light { background-color: whitesmoke; color: #8f8f8f; } .notification.is-nexi-lighter-red { background-color: #9d7c7b; - color: findColorInvert(#9d7c7b); } + color: #fff; } .notification.is-nexi-lighter-red.is-light { background-color: #f6f3f3; color: #7b5c5b; } .notification.is-nexi-red { background-color: #EB312E; - color: findColorInvert(#EB312E); } + color: #fff; } .notification.is-nexi-red.is-light { background-color: #fdedec; color: #d11714; } .notification.is-nexi-darker-red { background-color: #EB302D; - color: findColorInvert(#EB302D); } + color: #fff; } .notification.is-nexi-darker-red.is-light { background-color: #fdedec; color: #d21714; } .notification.is-nexi-grey { background-color: #E4E4E4; - color: findColorInvert(#E4E4E4); } + color: rgba(0, 0, 0, 0.7); } .notification.is-nexi-grey.is-light { background-color: whitesmoke; color: #4a4a4a; } .notification.is-nexi-darker-grey { background-color: #D2D2D2; - color: findColorInvert(#D2D2D2); } + color: rgba(0, 0, 0, 0.7); } .notification.is-nexi-darker-grey.is-light { background-color: whitesmoke; color: #4a4a4a; } .notification.is-nexi-green { background-color: #36EA7B; - color: findColorInvert(#36EA7B); } + color: rgba(0, 0, 0, 0.7); } .notification.is-nexi-green.is-light { background-color: #edfdf3; color: #0e863c; } .notification.is-nexi-cyan { background-color: #36E9EA; - color: findColorInvert(#36E9EA); } + color: rgba(0, 0, 0, 0.7); } .notification.is-nexi-cyan.is-light { background-color: #edfdfd; color: #0e8586; } .notification.is-nexi-purple { background-color: #A625EA; - color: findColorInvert(#A625EA); } + color: #fff; } .notification.is-nexi-purple.is-light { background-color: #f7ecfd; color: #9615db; } .notification.is-nexi-orange { background-color: #F17C25; - color: findColorInvert(#F17C25); } + color: #fff; } .notification.is-nexi-orange.is-light { background-color: #fef3ec; color: #b1520b; } .notification.is-nexi-darker-orange { background-color: #F44336; - color: findColorInvert(#F44336); } + color: #fff; } .notification.is-nexi-darker-orange.is-light { background-color: #feedec; color: #d0190b; } .notification.is-nexi-yellow { background-color: #FFC107; - color: findColorInvert(#FFC107); } + color: rgba(0, 0, 0, 0.7); } .notification.is-nexi-yellow.is-light { background-color: #fffaeb; color: #946f00; } @@ -2926,13 +2948,13 @@ div.icon-text { .progress.is-dark:indeterminate { background-image: linear-gradient(to right, #363636 30%, #9d7c7b 30%); } .progress.is-primary::-webkit-progress-value { - background-color: #f8fafb; } + background-color: #181818; } .progress.is-primary::-moz-progress-bar { - background-color: #f8fafb; } + background-color: #181818; } .progress.is-primary::-ms-fill { - background-color: #f8fafb; } + background-color: #181818; } .progress.is-primary:indeterminate { - background-image: linear-gradient(to right, #f8fafb 30%, #9d7c7b 30%); } + background-image: linear-gradient(to right, #181818 30%, #9d7c7b 30%); } .progress.is-link::-webkit-progress-value { background-color: #EB312E; } .progress.is-link::-moz-progress-bar { @@ -3145,9 +3167,9 @@ div.icon-text { color: #fff; } .table td.is-primary, .table th.is-primary { - background-color: #f8fafb; - border-color: #f8fafb; - color: rgba(0, 0, 0, 0.7); } + background-color: #181818; + border-color: #181818; + color: #f8fafb; } .table td.is-link, .table th.is-link { background-color: #EB312E; @@ -3177,80 +3199,80 @@ div.icon-text { .table th.is-nexi-white { background-color: #f8fafb; border-color: #f8fafb; - color: findColorInvert(#f8fafb); } + color: #181818; } .table td.is-nexi-lighter-black, .table th.is-nexi-lighter-black { background-color: #353535; border-color: #353535; - color: findColorInvert(#353535); } + color: #fff; } .table td.is-nexi-black, .table th.is-nexi-black { background-color: #181818; border-color: #181818; - color: findColorInvert(#181818); } + color: #f8fafb; } .table td.is-nexi-lighter-red, .table th.is-nexi-lighter-red { background-color: #9d7c7b; border-color: #9d7c7b; - color: findColorInvert(#9d7c7b); } + color: #fff; } .table td.is-nexi-red, .table th.is-nexi-red { background-color: #EB312E; border-color: #EB312E; - color: findColorInvert(#EB312E); } + color: #fff; } .table td.is-nexi-darker-red, .table th.is-nexi-darker-red { background-color: #EB302D; border-color: #EB302D; - color: findColorInvert(#EB302D); } + color: #fff; } .table td.is-nexi-grey, .table th.is-nexi-grey { background-color: #E4E4E4; border-color: #E4E4E4; - color: findColorInvert(#E4E4E4); } + color: rgba(0, 0, 0, 0.7); } .table td.is-nexi-darker-grey, .table th.is-nexi-darker-grey { background-color: #D2D2D2; border-color: #D2D2D2; - color: findColorInvert(#D2D2D2); } + color: rgba(0, 0, 0, 0.7); } .table td.is-nexi-green, .table th.is-nexi-green { background-color: #36EA7B; border-color: #36EA7B; - color: findColorInvert(#36EA7B); } + color: rgba(0, 0, 0, 0.7); } .table td.is-nexi-cyan, .table th.is-nexi-cyan { background-color: #36E9EA; border-color: #36E9EA; - color: findColorInvert(#36E9EA); } + color: rgba(0, 0, 0, 0.7); } .table td.is-nexi-purple, .table th.is-nexi-purple { background-color: #A625EA; border-color: #A625EA; - color: findColorInvert(#A625EA); } + color: #fff; } .table td.is-nexi-orange, .table th.is-nexi-orange { background-color: #F17C25; border-color: #F17C25; - color: findColorInvert(#F17C25); } + color: #fff; } .table td.is-nexi-darker-orange, .table th.is-nexi-darker-orange { background-color: #F44336; border-color: #F44336; - color: findColorInvert(#F44336); } + color: #fff; } .table td.is-nexi-yellow, .table th.is-nexi-yellow { background-color: #FFC107; border-color: #FFC107; - color: findColorInvert(#FFC107); } + color: rgba(0, 0, 0, 0.7); } .table td.is-narrow, .table th.is-narrow { white-space: nowrap; width: 1%; } .table td.is-selected, .table th.is-selected { - background-color: #f8fafb; - color: rgba(0, 0, 0, 0.7); } + background-color: #181818; + color: #f8fafb; } .table td.is-selected a, .table td.is-selected strong, .table th.is-selected a, @@ -3264,14 +3286,14 @@ div.icon-text { .table th:not([align]) { text-align: left; } .table tr.is-selected { - background-color: #f8fafb; - color: rgba(0, 0, 0, 0.7); } + background-color: #181818; + color: #f8fafb; } .table tr.is-selected a, .table tr.is-selected strong { color: currentColor; } .table tr.is-selected td, .table tr.is-selected th { - border-color: rgba(0, 0, 0, 0.7); + border-color: #f8fafb; color: currentColor; } .table thead { background-color: transparent; } @@ -3383,11 +3405,11 @@ div.icon-text { background-color: #363636; color: #fff; } .tag:not(body).is-primary { - background-color: #f8fafb; - color: rgba(0, 0, 0, 0.7); } + background-color: #181818; + color: #f8fafb; } .tag:not(body).is-primary.is-light { - background-color: #f8fafb; - color: #36515e; } + background-color: whitesmoke; + color: #8f8f8f; } .tag:not(body).is-link { background-color: #EB312E; color: #fff; } @@ -3420,85 +3442,85 @@ div.icon-text { color: #d11714; } .tag:not(body).is-nexi-white { background-color: #f8fafb; - color: findColorInvert(#f8fafb); } + color: #181818; } .tag:not(body).is-nexi-white.is-light { background-color: #f8fafb; color: #36515e; } .tag:not(body).is-nexi-lighter-black { background-color: #353535; - color: findColorInvert(#353535); } + color: #fff; } .tag:not(body).is-nexi-lighter-black.is-light { background-color: whitesmoke; color: #8a8a8a; } .tag:not(body).is-nexi-black { background-color: #181818; - color: findColorInvert(#181818); } + color: #f8fafb; } .tag:not(body).is-nexi-black.is-light { background-color: whitesmoke; color: #8f8f8f; } .tag:not(body).is-nexi-lighter-red { background-color: #9d7c7b; - color: findColorInvert(#9d7c7b); } + color: #fff; } .tag:not(body).is-nexi-lighter-red.is-light { background-color: #f6f3f3; color: #7b5c5b; } .tag:not(body).is-nexi-red { background-color: #EB312E; - color: findColorInvert(#EB312E); } + color: #fff; } .tag:not(body).is-nexi-red.is-light { background-color: #fdedec; color: #d11714; } .tag:not(body).is-nexi-darker-red { background-color: #EB302D; - color: findColorInvert(#EB302D); } + color: #fff; } .tag:not(body).is-nexi-darker-red.is-light { background-color: #fdedec; color: #d21714; } .tag:not(body).is-nexi-grey { background-color: #E4E4E4; - color: findColorInvert(#E4E4E4); } + color: rgba(0, 0, 0, 0.7); } .tag:not(body).is-nexi-grey.is-light { background-color: whitesmoke; color: #4a4a4a; } .tag:not(body).is-nexi-darker-grey { background-color: #D2D2D2; - color: findColorInvert(#D2D2D2); } + color: rgba(0, 0, 0, 0.7); } .tag:not(body).is-nexi-darker-grey.is-light { background-color: whitesmoke; color: #4a4a4a; } .tag:not(body).is-nexi-green { background-color: #36EA7B; - color: findColorInvert(#36EA7B); } + color: rgba(0, 0, 0, 0.7); } .tag:not(body).is-nexi-green.is-light { background-color: #edfdf3; color: #0e863c; } .tag:not(body).is-nexi-cyan { background-color: #36E9EA; - color: findColorInvert(#36E9EA); } + color: rgba(0, 0, 0, 0.7); } .tag:not(body).is-nexi-cyan.is-light { background-color: #edfdfd; color: #0e8586; } .tag:not(body).is-nexi-purple { background-color: #A625EA; - color: findColorInvert(#A625EA); } + color: #fff; } .tag:not(body).is-nexi-purple.is-light { background-color: #f7ecfd; color: #9615db; } .tag:not(body).is-nexi-orange { background-color: #F17C25; - color: findColorInvert(#F17C25); } + color: #fff; } .tag:not(body).is-nexi-orange.is-light { background-color: #fef3ec; color: #b1520b; } .tag:not(body).is-nexi-darker-orange { background-color: #F44336; - color: findColorInvert(#F44336); } + color: #fff; } .tag:not(body).is-nexi-darker-orange.is-light { background-color: #feedec; color: #d0190b; } .tag:not(body).is-nexi-yellow { background-color: #FFC107; - color: findColorInvert(#FFC107); } + color: rgba(0, 0, 0, 0.7); } .tag:not(body).is-nexi-yellow.is-light { background-color: #fffaeb; color: #946f00; } @@ -3712,9 +3734,9 @@ a.tag:hover { .is-dark.input:focus, .is-dark.textarea:focus, .is-dark.is-focused.input, .is-dark.is-focused.textarea, .is-dark.input:active, .is-dark.textarea:active, .is-dark.is-active.input, .is-dark.is-active.textarea { box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); } .is-primary.input, .is-primary.textarea { - border-color: #f8fafb; } + border-color: #181818; } .is-primary.input:focus, .is-primary.textarea:focus, .is-primary.is-focused.input, .is-primary.is-focused.textarea, .is-primary.input:active, .is-primary.textarea:active, .is-primary.is-active.input, .is-primary.is-active.textarea { - box-shadow: 0 0 0 0.125em rgba(248, 250, 251, 0.25); } + box-shadow: 0 0 0 0.125em rgba(24, 24, 24, 0.25); } .is-link.input, .is-link.textarea { border-color: #EB312E; } .is-link.input:focus, .is-link.textarea:focus, .is-link.is-focused.input, .is-link.is-focused.textarea, .is-link.input:active, .is-link.textarea:active, .is-link.is-active.input, .is-link.is-active.textarea { @@ -3918,13 +3940,13 @@ a.tag:hover { .select.is-dark select:focus, .select.is-dark select.is-focused, .select.is-dark select:active, .select.is-dark select.is-active { box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); } .select.is-primary:not(:hover)::after { - border-color: #f8fafb; } + border-color: #181818; } .select.is-primary select { - border-color: #f8fafb; } + border-color: #181818; } .select.is-primary select:hover, .select.is-primary select.is-hovered { - border-color: #e8eef2; } + border-color: #0b0b0b; } .select.is-primary select:focus, .select.is-primary select.is-focused, .select.is-primary select:active, .select.is-primary select.is-active { - box-shadow: 0 0 0 0.125em rgba(248, 250, 251, 0.25); } + box-shadow: 0 0 0 0.125em rgba(24, 24, 24, 0.25); } .select.is-link:not(:hover)::after { border-color: #EB312E; } .select.is-link select { @@ -4174,21 +4196,21 @@ a.tag:hover { border-color: transparent; color: #fff; } .file.is-primary .file-cta { - background-color: #f8fafb; + background-color: #181818; border-color: transparent; - color: rgba(0, 0, 0, 0.7); } + color: #f8fafb; } .file.is-primary:hover .file-cta, .file.is-primary.is-hovered .file-cta { - background-color: #f0f4f6; + background-color: #121212; border-color: transparent; - color: rgba(0, 0, 0, 0.7); } + color: #f8fafb; } .file.is-primary:focus .file-cta, .file.is-primary.is-focused .file-cta { border-color: transparent; - box-shadow: 0 0 0.5em rgba(248, 250, 251, 0.25); - color: rgba(0, 0, 0, 0.7); } + box-shadow: 0 0 0.5em rgba(24, 24, 24, 0.25); + color: #f8fafb; } .file.is-primary:active .file-cta, .file.is-primary.is-active .file-cta { - background-color: #e8eef2; + background-color: #0b0b0b; border-color: transparent; - color: rgba(0, 0, 0, 0.7); } + color: #f8fafb; } .file.is-link .file-cta { background-color: #EB312E; border-color: transparent; @@ -4272,227 +4294,227 @@ a.tag:hover { .file.is-nexi-white .file-cta { background-color: #f8fafb; border-color: transparent; - color: findColorInvert(#f8fafb); } + color: #181818; } .file.is-nexi-white:hover .file-cta, .file.is-nexi-white.is-hovered .file-cta { background-color: #f0f4f6; border-color: transparent; - color: findColorInvert(#f8fafb); } + color: #181818; } .file.is-nexi-white:focus .file-cta, .file.is-nexi-white.is-focused .file-cta { border-color: transparent; box-shadow: 0 0 0.5em rgba(248, 250, 251, 0.25); - color: findColorInvert(#f8fafb); } + color: #181818; } .file.is-nexi-white:active .file-cta, .file.is-nexi-white.is-active .file-cta { background-color: #e8eef2; border-color: transparent; - color: findColorInvert(#f8fafb); } + color: #181818; } .file.is-nexi-lighter-black .file-cta { background-color: #353535; border-color: transparent; - color: findColorInvert(#353535); } + color: #fff; } .file.is-nexi-lighter-black:hover .file-cta, .file.is-nexi-lighter-black.is-hovered .file-cta { background-color: #2f2f2f; border-color: transparent; - color: findColorInvert(#353535); } + color: #fff; } .file.is-nexi-lighter-black:focus .file-cta, .file.is-nexi-lighter-black.is-focused .file-cta { border-color: transparent; box-shadow: 0 0 0.5em rgba(53, 53, 53, 0.25); - color: findColorInvert(#353535); } + color: #fff; } .file.is-nexi-lighter-black:active .file-cta, .file.is-nexi-lighter-black.is-active .file-cta { background-color: #282828; border-color: transparent; - color: findColorInvert(#353535); } + color: #fff; } .file.is-nexi-black .file-cta { background-color: #181818; border-color: transparent; - color: findColorInvert(#181818); } + color: #f8fafb; } .file.is-nexi-black:hover .file-cta, .file.is-nexi-black.is-hovered .file-cta { background-color: #121212; border-color: transparent; - color: findColorInvert(#181818); } + color: #f8fafb; } .file.is-nexi-black:focus .file-cta, .file.is-nexi-black.is-focused .file-cta { border-color: transparent; box-shadow: 0 0 0.5em rgba(24, 24, 24, 0.25); - color: findColorInvert(#181818); } + color: #f8fafb; } .file.is-nexi-black:active .file-cta, .file.is-nexi-black.is-active .file-cta { background-color: #0b0b0b; border-color: transparent; - color: findColorInvert(#181818); } + color: #f8fafb; } .file.is-nexi-lighter-red .file-cta { background-color: #9d7c7b; border-color: transparent; - color: findColorInvert(#9d7c7b); } + color: #fff; } .file.is-nexi-lighter-red:hover .file-cta, .file.is-nexi-lighter-red.is-hovered .file-cta { background-color: #987574; border-color: transparent; - color: findColorInvert(#9d7c7b); } + color: #fff; } .file.is-nexi-lighter-red:focus .file-cta, .file.is-nexi-lighter-red.is-focused .file-cta { border-color: transparent; box-shadow: 0 0 0.5em rgba(157, 124, 123, 0.25); - color: findColorInvert(#9d7c7b); } + color: #fff; } .file.is-nexi-lighter-red:active .file-cta, .file.is-nexi-lighter-red.is-active .file-cta { background-color: #926e6c; border-color: transparent; - color: findColorInvert(#9d7c7b); } + color: #fff; } .file.is-nexi-red .file-cta { background-color: #EB312E; border-color: transparent; - color: findColorInvert(#EB312E); } + color: #fff; } .file.is-nexi-red:hover .file-cta, .file.is-nexi-red.is-hovered .file-cta { background-color: #ea2622; border-color: transparent; - color: findColorInvert(#EB312E); } + color: #fff; } .file.is-nexi-red:focus .file-cta, .file.is-nexi-red.is-focused .file-cta { border-color: transparent; box-shadow: 0 0 0.5em rgba(235, 49, 46, 0.25); - color: findColorInvert(#EB312E); } + color: #fff; } .file.is-nexi-red:active .file-cta, .file.is-nexi-red.is-active .file-cta { background-color: #e91a17; border-color: transparent; - color: findColorInvert(#EB312E); } + color: #fff; } .file.is-nexi-darker-red .file-cta { background-color: #EB302D; border-color: transparent; - color: findColorInvert(#EB302D); } + color: #fff; } .file.is-nexi-darker-red:hover .file-cta, .file.is-nexi-darker-red.is-hovered .file-cta { background-color: #ea2521; border-color: transparent; - color: findColorInvert(#EB302D); } + color: #fff; } .file.is-nexi-darker-red:focus .file-cta, .file.is-nexi-darker-red.is-focused .file-cta { border-color: transparent; box-shadow: 0 0 0.5em rgba(235, 48, 45, 0.25); - color: findColorInvert(#EB302D); } + color: #fff; } .file.is-nexi-darker-red:active .file-cta, .file.is-nexi-darker-red.is-active .file-cta { background-color: #e81916; border-color: transparent; - color: findColorInvert(#EB302D); } + color: #fff; } .file.is-nexi-grey .file-cta { background-color: #E4E4E4; border-color: transparent; - color: findColorInvert(#E4E4E4); } + color: rgba(0, 0, 0, 0.7); } .file.is-nexi-grey:hover .file-cta, .file.is-nexi-grey.is-hovered .file-cta { background-color: #dedede; border-color: transparent; - color: findColorInvert(#E4E4E4); } + color: rgba(0, 0, 0, 0.7); } .file.is-nexi-grey:focus .file-cta, .file.is-nexi-grey.is-focused .file-cta { border-color: transparent; box-shadow: 0 0 0.5em rgba(228, 228, 228, 0.25); - color: findColorInvert(#E4E4E4); } + color: rgba(0, 0, 0, 0.7); } .file.is-nexi-grey:active .file-cta, .file.is-nexi-grey.is-active .file-cta { background-color: #d7d7d7; border-color: transparent; - color: findColorInvert(#E4E4E4); } + color: rgba(0, 0, 0, 0.7); } .file.is-nexi-darker-grey .file-cta { background-color: #D2D2D2; border-color: transparent; - color: findColorInvert(#D2D2D2); } + color: rgba(0, 0, 0, 0.7); } .file.is-nexi-darker-grey:hover .file-cta, .file.is-nexi-darker-grey.is-hovered .file-cta { background-color: #cccccc; border-color: transparent; - color: findColorInvert(#D2D2D2); } + color: rgba(0, 0, 0, 0.7); } .file.is-nexi-darker-grey:focus .file-cta, .file.is-nexi-darker-grey.is-focused .file-cta { border-color: transparent; box-shadow: 0 0 0.5em rgba(210, 210, 210, 0.25); - color: findColorInvert(#D2D2D2); } + color: rgba(0, 0, 0, 0.7); } .file.is-nexi-darker-grey:active .file-cta, .file.is-nexi-darker-grey.is-active .file-cta { background-color: #c5c5c5; border-color: transparent; - color: findColorInvert(#D2D2D2); } + color: rgba(0, 0, 0, 0.7); } .file.is-nexi-green .file-cta { background-color: #36EA7B; border-color: transparent; - color: findColorInvert(#36EA7B); } + color: rgba(0, 0, 0, 0.7); } .file.is-nexi-green:hover .file-cta, .file.is-nexi-green.is-hovered .file-cta { background-color: #2ae973; border-color: transparent; - color: findColorInvert(#36EA7B); } + color: rgba(0, 0, 0, 0.7); } .file.is-nexi-green:focus .file-cta, .file.is-nexi-green.is-focused .file-cta { border-color: transparent; box-shadow: 0 0 0.5em rgba(54, 234, 123, 0.25); - color: findColorInvert(#36EA7B); } + color: rgba(0, 0, 0, 0.7); } .file.is-nexi-green:active .file-cta, .file.is-nexi-green.is-active .file-cta { background-color: #1fe86c; border-color: transparent; - color: findColorInvert(#36EA7B); } + color: rgba(0, 0, 0, 0.7); } .file.is-nexi-cyan .file-cta { background-color: #36E9EA; border-color: transparent; - color: findColorInvert(#36E9EA); } + color: rgba(0, 0, 0, 0.7); } .file.is-nexi-cyan:hover .file-cta, .file.is-nexi-cyan.is-hovered .file-cta { background-color: #2ae8e9; border-color: transparent; - color: findColorInvert(#36E9EA); } + color: rgba(0, 0, 0, 0.7); } .file.is-nexi-cyan:focus .file-cta, .file.is-nexi-cyan.is-focused .file-cta { border-color: transparent; box-shadow: 0 0 0.5em rgba(54, 233, 234, 0.25); - color: findColorInvert(#36E9EA); } + color: rgba(0, 0, 0, 0.7); } .file.is-nexi-cyan:active .file-cta, .file.is-nexi-cyan.is-active .file-cta { background-color: #1fe6e8; border-color: transparent; - color: findColorInvert(#36E9EA); } + color: rgba(0, 0, 0, 0.7); } .file.is-nexi-purple .file-cta { background-color: #A625EA; border-color: transparent; - color: findColorInvert(#A625EA); } + color: #fff; } .file.is-nexi-purple:hover .file-cta, .file.is-nexi-purple.is-hovered .file-cta { background-color: #a119e9; border-color: transparent; - color: findColorInvert(#A625EA); } + color: #fff; } .file.is-nexi-purple:focus .file-cta, .file.is-nexi-purple.is-focused .file-cta { border-color: transparent; box-shadow: 0 0 0.5em rgba(166, 37, 234, 0.25); - color: findColorInvert(#A625EA); } + color: #fff; } .file.is-nexi-purple:active .file-cta, .file.is-nexi-purple.is-active .file-cta { background-color: #9a16e0; border-color: transparent; - color: findColorInvert(#A625EA); } + color: #fff; } .file.is-nexi-orange .file-cta { background-color: #F17C25; border-color: transparent; - color: findColorInvert(#F17C25); } + color: #fff; } .file.is-nexi-orange:hover .file-cta, .file.is-nexi-orange.is-hovered .file-cta { background-color: #f07519; border-color: transparent; - color: findColorInvert(#F17C25); } + color: #fff; } .file.is-nexi-orange:focus .file-cta, .file.is-nexi-orange.is-focused .file-cta { border-color: transparent; box-shadow: 0 0 0.5em rgba(241, 124, 37, 0.25); - color: findColorInvert(#F17C25); } + color: #fff; } .file.is-nexi-orange:active .file-cta, .file.is-nexi-orange.is-active .file-cta { background-color: #ed6e0f; border-color: transparent; - color: findColorInvert(#F17C25); } + color: #fff; } .file.is-nexi-darker-orange .file-cta { background-color: #F44336; border-color: transparent; - color: findColorInvert(#F44336); } + color: #fff; } .file.is-nexi-darker-orange:hover .file-cta, .file.is-nexi-darker-orange.is-hovered .file-cta { background-color: #f3382a; border-color: transparent; - color: findColorInvert(#F44336); } + color: #fff; } .file.is-nexi-darker-orange:focus .file-cta, .file.is-nexi-darker-orange.is-focused .file-cta { border-color: transparent; box-shadow: 0 0 0.5em rgba(244, 67, 54, 0.25); - color: findColorInvert(#F44336); } + color: #fff; } .file.is-nexi-darker-orange:active .file-cta, .file.is-nexi-darker-orange.is-active .file-cta { background-color: #f32c1e; border-color: transparent; - color: findColorInvert(#F44336); } + color: #fff; } .file.is-nexi-yellow .file-cta { background-color: #FFC107; border-color: transparent; - color: findColorInvert(#FFC107); } + color: rgba(0, 0, 0, 0.7); } .file.is-nexi-yellow:hover .file-cta, .file.is-nexi-yellow.is-hovered .file-cta { background-color: #f9bb00; border-color: transparent; - color: findColorInvert(#FFC107); } + color: rgba(0, 0, 0, 0.7); } .file.is-nexi-yellow:focus .file-cta, .file.is-nexi-yellow.is-focused .file-cta { border-color: transparent; box-shadow: 0 0 0.5em rgba(255, 193, 7, 0.25); - color: findColorInvert(#FFC107); } + color: rgba(0, 0, 0, 0.7); } .file.is-nexi-yellow:active .file-cta, .file.is-nexi-yellow.is-active .file-cta { background-color: #edb100; border-color: transparent; - color: findColorInvert(#FFC107); } + color: rgba(0, 0, 0, 0.7); } .file.is-small { font-size: 0.75rem; } .file.is-normal { @@ -4642,7 +4664,7 @@ a.tag:hover { .help.is-dark { color: #363636; } .help.is-primary { - color: #f8fafb; } + color: #181818; } .help.is-link { color: #EB312E; } .help.is-info { @@ -5262,13 +5284,13 @@ button.dropdown-item { .message.is-dark .message-body { border-color: #363636; } .message.is-primary { - background-color: #f8fafb; } + background-color: whitesmoke; } .message.is-primary .message-header { - background-color: #f8fafb; - color: rgba(0, 0, 0, 0.7); } + background-color: #181818; + color: #f8fafb; } .message.is-primary .message-body { - border-color: #f8fafb; - color: #36515e; } + border-color: #181818; + color: #8f8f8f; } .message.is-link { background-color: #fdedec; } .message.is-link .message-header { @@ -5313,7 +5335,7 @@ button.dropdown-item { background-color: #f8fafb; } .message.is-nexi-white .message-header { background-color: #f8fafb; - color: findColorInvert(#f8fafb); } + color: #181818; } .message.is-nexi-white .message-body { border-color: #f8fafb; color: #36515e; } @@ -5321,7 +5343,7 @@ button.dropdown-item { background-color: whitesmoke; } .message.is-nexi-lighter-black .message-header { background-color: #353535; - color: findColorInvert(#353535); } + color: #fff; } .message.is-nexi-lighter-black .message-body { border-color: #353535; color: #8a8a8a; } @@ -5329,7 +5351,7 @@ button.dropdown-item { background-color: whitesmoke; } .message.is-nexi-black .message-header { background-color: #181818; - color: findColorInvert(#181818); } + color: #f8fafb; } .message.is-nexi-black .message-body { border-color: #181818; color: #8f8f8f; } @@ -5337,7 +5359,7 @@ button.dropdown-item { background-color: #f6f3f3; } .message.is-nexi-lighter-red .message-header { background-color: #9d7c7b; - color: findColorInvert(#9d7c7b); } + color: #fff; } .message.is-nexi-lighter-red .message-body { border-color: #9d7c7b; color: #7b5c5b; } @@ -5345,7 +5367,7 @@ button.dropdown-item { background-color: #fdedec; } .message.is-nexi-red .message-header { background-color: #EB312E; - color: findColorInvert(#EB312E); } + color: #fff; } .message.is-nexi-red .message-body { border-color: #EB312E; color: #d11714; } @@ -5353,7 +5375,7 @@ button.dropdown-item { background-color: #fdedec; } .message.is-nexi-darker-red .message-header { background-color: #EB302D; - color: findColorInvert(#EB302D); } + color: #fff; } .message.is-nexi-darker-red .message-body { border-color: #EB302D; color: #d21714; } @@ -5361,7 +5383,7 @@ button.dropdown-item { background-color: whitesmoke; } .message.is-nexi-grey .message-header { background-color: #E4E4E4; - color: findColorInvert(#E4E4E4); } + color: rgba(0, 0, 0, 0.7); } .message.is-nexi-grey .message-body { border-color: #E4E4E4; color: #4a4a4a; } @@ -5369,7 +5391,7 @@ button.dropdown-item { background-color: whitesmoke; } .message.is-nexi-darker-grey .message-header { background-color: #D2D2D2; - color: findColorInvert(#D2D2D2); } + color: rgba(0, 0, 0, 0.7); } .message.is-nexi-darker-grey .message-body { border-color: #D2D2D2; color: #4a4a4a; } @@ -5377,7 +5399,7 @@ button.dropdown-item { background-color: #edfdf3; } .message.is-nexi-green .message-header { background-color: #36EA7B; - color: findColorInvert(#36EA7B); } + color: rgba(0, 0, 0, 0.7); } .message.is-nexi-green .message-body { border-color: #36EA7B; color: #0e863c; } @@ -5385,7 +5407,7 @@ button.dropdown-item { background-color: #edfdfd; } .message.is-nexi-cyan .message-header { background-color: #36E9EA; - color: findColorInvert(#36E9EA); } + color: rgba(0, 0, 0, 0.7); } .message.is-nexi-cyan .message-body { border-color: #36E9EA; color: #0e8586; } @@ -5393,7 +5415,7 @@ button.dropdown-item { background-color: #f7ecfd; } .message.is-nexi-purple .message-header { background-color: #A625EA; - color: findColorInvert(#A625EA); } + color: #fff; } .message.is-nexi-purple .message-body { border-color: #A625EA; color: #9615db; } @@ -5401,7 +5423,7 @@ button.dropdown-item { background-color: #fef3ec; } .message.is-nexi-orange .message-header { background-color: #F17C25; - color: findColorInvert(#F17C25); } + color: #fff; } .message.is-nexi-orange .message-body { border-color: #F17C25; color: #b1520b; } @@ -5409,7 +5431,7 @@ button.dropdown-item { background-color: #feedec; } .message.is-nexi-darker-orange .message-header { background-color: #F44336; - color: findColorInvert(#F44336); } + color: #fff; } .message.is-nexi-darker-orange .message-body { border-color: #F44336; color: #d0190b; } @@ -5417,7 +5439,7 @@ button.dropdown-item { background-color: #fffaeb; } .message.is-nexi-yellow .message-header { background-color: #FFC107; - color: findColorInvert(#FFC107); } + color: rgba(0, 0, 0, 0.7); } .message.is-nexi-yellow .message-body { border-color: #FFC107; color: #946f00; } @@ -5721,27 +5743,27 @@ button.dropdown-item { background-color: #363636; color: #fff; } } .navbar.is-primary { - background-color: #f8fafb; - color: rgba(0, 0, 0, 0.7); } + background-color: #181818; + color: #f8fafb; } .navbar.is-primary .navbar-brand > .navbar-item, .navbar.is-primary .navbar-brand .navbar-link { - color: rgba(0, 0, 0, 0.7); } + color: #f8fafb; } .navbar.is-primary .navbar-brand > a.navbar-item:focus, .navbar.is-primary .navbar-brand > a.navbar-item:hover, .navbar.is-primary .navbar-brand > a.navbar-item.is-active, .navbar.is-primary .navbar-brand .navbar-link:focus, .navbar.is-primary .navbar-brand .navbar-link:hover, .navbar.is-primary .navbar-brand .navbar-link.is-active { - background-color: #e8eef2; - color: rgba(0, 0, 0, 0.7); } + background-color: #0b0b0b; + color: #f8fafb; } .navbar.is-primary .navbar-brand .navbar-link::after { - border-color: rgba(0, 0, 0, 0.7); } + border-color: #f8fafb; } .navbar.is-primary .navbar-burger { - color: rgba(0, 0, 0, 0.7); } + color: #f8fafb; } @media screen and (min-width: 1024px) { .navbar.is-primary .navbar-start > .navbar-item, .navbar.is-primary .navbar-start .navbar-link, .navbar.is-primary .navbar-end > .navbar-item, .navbar.is-primary .navbar-end .navbar-link { - color: rgba(0, 0, 0, 0.7); } + color: #f8fafb; } .navbar.is-primary .navbar-start > a.navbar-item:focus, .navbar.is-primary .navbar-start > a.navbar-item:hover, .navbar.is-primary .navbar-start > a.navbar-item.is-active, .navbar.is-primary .navbar-start .navbar-link:focus, .navbar.is-primary .navbar-start .navbar-link:hover, @@ -5752,19 +5774,19 @@ button.dropdown-item { .navbar.is-primary .navbar-end .navbar-link:focus, .navbar.is-primary .navbar-end .navbar-link:hover, .navbar.is-primary .navbar-end .navbar-link.is-active { - background-color: #e8eef2; - color: rgba(0, 0, 0, 0.7); } + background-color: #0b0b0b; + color: #f8fafb; } .navbar.is-primary .navbar-start .navbar-link::after, .navbar.is-primary .navbar-end .navbar-link::after { - border-color: rgba(0, 0, 0, 0.7); } + border-color: #f8fafb; } .navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link { - background-color: #e8eef2; - color: rgba(0, 0, 0, 0.7); } + background-color: #0b0b0b; + color: #f8fafb; } .navbar.is-primary .navbar-dropdown a.navbar-item.is-active { - background-color: #f8fafb; - color: rgba(0, 0, 0, 0.7); } } + background-color: #181818; + color: #f8fafb; } } .navbar.is-link { background-color: #EB312E; color: #fff; } @@ -5992,26 +6014,26 @@ button.dropdown-item { color: #fff; } } .navbar.is-nexi-white { background-color: #f8fafb; - color: findColorInvert(#f8fafb); } + color: #181818; } .navbar.is-nexi-white .navbar-brand > .navbar-item, .navbar.is-nexi-white .navbar-brand .navbar-link { - color: findColorInvert(#f8fafb); } + color: #181818; } .navbar.is-nexi-white .navbar-brand > a.navbar-item:focus, .navbar.is-nexi-white .navbar-brand > a.navbar-item:hover, .navbar.is-nexi-white .navbar-brand > a.navbar-item.is-active, .navbar.is-nexi-white .navbar-brand .navbar-link:focus, .navbar.is-nexi-white .navbar-brand .navbar-link:hover, .navbar.is-nexi-white .navbar-brand .navbar-link.is-active { background-color: #e8eef2; - color: findColorInvert(#f8fafb); } + color: #181818; } .navbar.is-nexi-white .navbar-brand .navbar-link::after { - border-color: findColorInvert(#f8fafb); } + border-color: #181818; } .navbar.is-nexi-white .navbar-burger { - color: findColorInvert(#f8fafb); } + color: #181818; } @media screen and (min-width: 1024px) { .navbar.is-nexi-white .navbar-start > .navbar-item, .navbar.is-nexi-white .navbar-start .navbar-link, .navbar.is-nexi-white .navbar-end > .navbar-item, .navbar.is-nexi-white .navbar-end .navbar-link { - color: findColorInvert(#f8fafb); } + color: #181818; } .navbar.is-nexi-white .navbar-start > a.navbar-item:focus, .navbar.is-nexi-white .navbar-start > a.navbar-item:hover, .navbar.is-nexi-white .navbar-start > a.navbar-item.is-active, .navbar.is-nexi-white .navbar-start .navbar-link:focus, .navbar.is-nexi-white .navbar-start .navbar-link:hover, @@ -6023,40 +6045,40 @@ button.dropdown-item { .navbar.is-nexi-white .navbar-end .navbar-link:hover, .navbar.is-nexi-white .navbar-end .navbar-link.is-active { background-color: #e8eef2; - color: findColorInvert(#f8fafb); } + color: #181818; } .navbar.is-nexi-white .navbar-start .navbar-link::after, .navbar.is-nexi-white .navbar-end .navbar-link::after { - border-color: findColorInvert(#f8fafb); } + border-color: #181818; } .navbar.is-nexi-white .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-nexi-white .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-nexi-white .navbar-item.has-dropdown.is-active .navbar-link { background-color: #e8eef2; - color: findColorInvert(#f8fafb); } + color: #181818; } .navbar.is-nexi-white .navbar-dropdown a.navbar-item.is-active { background-color: #f8fafb; - color: findColorInvert(#f8fafb); } } + color: #181818; } } .navbar.is-nexi-lighter-black { background-color: #353535; - color: findColorInvert(#353535); } + color: #fff; } .navbar.is-nexi-lighter-black .navbar-brand > .navbar-item, .navbar.is-nexi-lighter-black .navbar-brand .navbar-link { - color: findColorInvert(#353535); } + color: #fff; } .navbar.is-nexi-lighter-black .navbar-brand > a.navbar-item:focus, .navbar.is-nexi-lighter-black .navbar-brand > a.navbar-item:hover, .navbar.is-nexi-lighter-black .navbar-brand > a.navbar-item.is-active, .navbar.is-nexi-lighter-black .navbar-brand .navbar-link:focus, .navbar.is-nexi-lighter-black .navbar-brand .navbar-link:hover, .navbar.is-nexi-lighter-black .navbar-brand .navbar-link.is-active { background-color: #282828; - color: findColorInvert(#353535); } + color: #fff; } .navbar.is-nexi-lighter-black .navbar-brand .navbar-link::after { - border-color: findColorInvert(#353535); } + border-color: #fff; } .navbar.is-nexi-lighter-black .navbar-burger { - color: findColorInvert(#353535); } + color: #fff; } @media screen and (min-width: 1024px) { .navbar.is-nexi-lighter-black .navbar-start > .navbar-item, .navbar.is-nexi-lighter-black .navbar-start .navbar-link, .navbar.is-nexi-lighter-black .navbar-end > .navbar-item, .navbar.is-nexi-lighter-black .navbar-end .navbar-link { - color: findColorInvert(#353535); } + color: #fff; } .navbar.is-nexi-lighter-black .navbar-start > a.navbar-item:focus, .navbar.is-nexi-lighter-black .navbar-start > a.navbar-item:hover, .navbar.is-nexi-lighter-black .navbar-start > a.navbar-item.is-active, .navbar.is-nexi-lighter-black .navbar-start .navbar-link:focus, .navbar.is-nexi-lighter-black .navbar-start .navbar-link:hover, @@ -6068,40 +6090,40 @@ button.dropdown-item { .navbar.is-nexi-lighter-black .navbar-end .navbar-link:hover, .navbar.is-nexi-lighter-black .navbar-end .navbar-link.is-active { background-color: #282828; - color: findColorInvert(#353535); } + color: #fff; } .navbar.is-nexi-lighter-black .navbar-start .navbar-link::after, .navbar.is-nexi-lighter-black .navbar-end .navbar-link::after { - border-color: findColorInvert(#353535); } + border-color: #fff; } .navbar.is-nexi-lighter-black .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-nexi-lighter-black .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-nexi-lighter-black .navbar-item.has-dropdown.is-active .navbar-link { background-color: #282828; - color: findColorInvert(#353535); } + color: #fff; } .navbar.is-nexi-lighter-black .navbar-dropdown a.navbar-item.is-active { background-color: #353535; - color: findColorInvert(#353535); } } + color: #fff; } } .navbar.is-nexi-black { background-color: #181818; - color: findColorInvert(#181818); } + color: #f8fafb; } .navbar.is-nexi-black .navbar-brand > .navbar-item, .navbar.is-nexi-black .navbar-brand .navbar-link { - color: findColorInvert(#181818); } + color: #f8fafb; } .navbar.is-nexi-black .navbar-brand > a.navbar-item:focus, .navbar.is-nexi-black .navbar-brand > a.navbar-item:hover, .navbar.is-nexi-black .navbar-brand > a.navbar-item.is-active, .navbar.is-nexi-black .navbar-brand .navbar-link:focus, .navbar.is-nexi-black .navbar-brand .navbar-link:hover, .navbar.is-nexi-black .navbar-brand .navbar-link.is-active { background-color: #0b0b0b; - color: findColorInvert(#181818); } + color: #f8fafb; } .navbar.is-nexi-black .navbar-brand .navbar-link::after { - border-color: findColorInvert(#181818); } + border-color: #f8fafb; } .navbar.is-nexi-black .navbar-burger { - color: findColorInvert(#181818); } + color: #f8fafb; } @media screen and (min-width: 1024px) { .navbar.is-nexi-black .navbar-start > .navbar-item, .navbar.is-nexi-black .navbar-start .navbar-link, .navbar.is-nexi-black .navbar-end > .navbar-item, .navbar.is-nexi-black .navbar-end .navbar-link { - color: findColorInvert(#181818); } + color: #f8fafb; } .navbar.is-nexi-black .navbar-start > a.navbar-item:focus, .navbar.is-nexi-black .navbar-start > a.navbar-item:hover, .navbar.is-nexi-black .navbar-start > a.navbar-item.is-active, .navbar.is-nexi-black .navbar-start .navbar-link:focus, .navbar.is-nexi-black .navbar-start .navbar-link:hover, @@ -6113,40 +6135,40 @@ button.dropdown-item { .navbar.is-nexi-black .navbar-end .navbar-link:hover, .navbar.is-nexi-black .navbar-end .navbar-link.is-active { background-color: #0b0b0b; - color: findColorInvert(#181818); } + color: #f8fafb; } .navbar.is-nexi-black .navbar-start .navbar-link::after, .navbar.is-nexi-black .navbar-end .navbar-link::after { - border-color: findColorInvert(#181818); } + border-color: #f8fafb; } .navbar.is-nexi-black .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-nexi-black .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-nexi-black .navbar-item.has-dropdown.is-active .navbar-link { background-color: #0b0b0b; - color: findColorInvert(#181818); } + color: #f8fafb; } .navbar.is-nexi-black .navbar-dropdown a.navbar-item.is-active { background-color: #181818; - color: findColorInvert(#181818); } } + color: #f8fafb; } } .navbar.is-nexi-lighter-red { background-color: #9d7c7b; - color: findColorInvert(#9d7c7b); } + color: #fff; } .navbar.is-nexi-lighter-red .navbar-brand > .navbar-item, .navbar.is-nexi-lighter-red .navbar-brand .navbar-link { - color: findColorInvert(#9d7c7b); } + color: #fff; } .navbar.is-nexi-lighter-red .navbar-brand > a.navbar-item:focus, .navbar.is-nexi-lighter-red .navbar-brand > a.navbar-item:hover, .navbar.is-nexi-lighter-red .navbar-brand > a.navbar-item.is-active, .navbar.is-nexi-lighter-red .navbar-brand .navbar-link:focus, .navbar.is-nexi-lighter-red .navbar-brand .navbar-link:hover, .navbar.is-nexi-lighter-red .navbar-brand .navbar-link.is-active { background-color: #926e6c; - color: findColorInvert(#9d7c7b); } + color: #fff; } .navbar.is-nexi-lighter-red .navbar-brand .navbar-link::after { - border-color: findColorInvert(#9d7c7b); } + border-color: #fff; } .navbar.is-nexi-lighter-red .navbar-burger { - color: findColorInvert(#9d7c7b); } + color: #fff; } @media screen and (min-width: 1024px) { .navbar.is-nexi-lighter-red .navbar-start > .navbar-item, .navbar.is-nexi-lighter-red .navbar-start .navbar-link, .navbar.is-nexi-lighter-red .navbar-end > .navbar-item, .navbar.is-nexi-lighter-red .navbar-end .navbar-link { - color: findColorInvert(#9d7c7b); } + color: #fff; } .navbar.is-nexi-lighter-red .navbar-start > a.navbar-item:focus, .navbar.is-nexi-lighter-red .navbar-start > a.navbar-item:hover, .navbar.is-nexi-lighter-red .navbar-start > a.navbar-item.is-active, .navbar.is-nexi-lighter-red .navbar-start .navbar-link:focus, .navbar.is-nexi-lighter-red .navbar-start .navbar-link:hover, @@ -6158,40 +6180,40 @@ button.dropdown-item { .navbar.is-nexi-lighter-red .navbar-end .navbar-link:hover, .navbar.is-nexi-lighter-red .navbar-end .navbar-link.is-active { background-color: #926e6c; - color: findColorInvert(#9d7c7b); } + color: #fff; } .navbar.is-nexi-lighter-red .navbar-start .navbar-link::after, .navbar.is-nexi-lighter-red .navbar-end .navbar-link::after { - border-color: findColorInvert(#9d7c7b); } + border-color: #fff; } .navbar.is-nexi-lighter-red .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-nexi-lighter-red .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-nexi-lighter-red .navbar-item.has-dropdown.is-active .navbar-link { background-color: #926e6c; - color: findColorInvert(#9d7c7b); } + color: #fff; } .navbar.is-nexi-lighter-red .navbar-dropdown a.navbar-item.is-active { background-color: #9d7c7b; - color: findColorInvert(#9d7c7b); } } + color: #fff; } } .navbar.is-nexi-red { background-color: #EB312E; - color: findColorInvert(#EB312E); } + color: #fff; } .navbar.is-nexi-red .navbar-brand > .navbar-item, .navbar.is-nexi-red .navbar-brand .navbar-link { - color: findColorInvert(#EB312E); } + color: #fff; } .navbar.is-nexi-red .navbar-brand > a.navbar-item:focus, .navbar.is-nexi-red .navbar-brand > a.navbar-item:hover, .navbar.is-nexi-red .navbar-brand > a.navbar-item.is-active, .navbar.is-nexi-red .navbar-brand .navbar-link:focus, .navbar.is-nexi-red .navbar-brand .navbar-link:hover, .navbar.is-nexi-red .navbar-brand .navbar-link.is-active { background-color: #e91a17; - color: findColorInvert(#EB312E); } + color: #fff; } .navbar.is-nexi-red .navbar-brand .navbar-link::after { - border-color: findColorInvert(#EB312E); } + border-color: #fff; } .navbar.is-nexi-red .navbar-burger { - color: findColorInvert(#EB312E); } + color: #fff; } @media screen and (min-width: 1024px) { .navbar.is-nexi-red .navbar-start > .navbar-item, .navbar.is-nexi-red .navbar-start .navbar-link, .navbar.is-nexi-red .navbar-end > .navbar-item, .navbar.is-nexi-red .navbar-end .navbar-link { - color: findColorInvert(#EB312E); } + color: #fff; } .navbar.is-nexi-red .navbar-start > a.navbar-item:focus, .navbar.is-nexi-red .navbar-start > a.navbar-item:hover, .navbar.is-nexi-red .navbar-start > a.navbar-item.is-active, .navbar.is-nexi-red .navbar-start .navbar-link:focus, .navbar.is-nexi-red .navbar-start .navbar-link:hover, @@ -6203,40 +6225,40 @@ button.dropdown-item { .navbar.is-nexi-red .navbar-end .navbar-link:hover, .navbar.is-nexi-red .navbar-end .navbar-link.is-active { background-color: #e91a17; - color: findColorInvert(#EB312E); } + color: #fff; } .navbar.is-nexi-red .navbar-start .navbar-link::after, .navbar.is-nexi-red .navbar-end .navbar-link::after { - border-color: findColorInvert(#EB312E); } + border-color: #fff; } .navbar.is-nexi-red .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-nexi-red .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-nexi-red .navbar-item.has-dropdown.is-active .navbar-link { background-color: #e91a17; - color: findColorInvert(#EB312E); } + color: #fff; } .navbar.is-nexi-red .navbar-dropdown a.navbar-item.is-active { background-color: #EB312E; - color: findColorInvert(#EB312E); } } + color: #fff; } } .navbar.is-nexi-darker-red { background-color: #EB302D; - color: findColorInvert(#EB302D); } + color: #fff; } .navbar.is-nexi-darker-red .navbar-brand > .navbar-item, .navbar.is-nexi-darker-red .navbar-brand .navbar-link { - color: findColorInvert(#EB302D); } + color: #fff; } .navbar.is-nexi-darker-red .navbar-brand > a.navbar-item:focus, .navbar.is-nexi-darker-red .navbar-brand > a.navbar-item:hover, .navbar.is-nexi-darker-red .navbar-brand > a.navbar-item.is-active, .navbar.is-nexi-darker-red .navbar-brand .navbar-link:focus, .navbar.is-nexi-darker-red .navbar-brand .navbar-link:hover, .navbar.is-nexi-darker-red .navbar-brand .navbar-link.is-active { background-color: #e81916; - color: findColorInvert(#EB302D); } + color: #fff; } .navbar.is-nexi-darker-red .navbar-brand .navbar-link::after { - border-color: findColorInvert(#EB302D); } + border-color: #fff; } .navbar.is-nexi-darker-red .navbar-burger { - color: findColorInvert(#EB302D); } + color: #fff; } @media screen and (min-width: 1024px) { .navbar.is-nexi-darker-red .navbar-start > .navbar-item, .navbar.is-nexi-darker-red .navbar-start .navbar-link, .navbar.is-nexi-darker-red .navbar-end > .navbar-item, .navbar.is-nexi-darker-red .navbar-end .navbar-link { - color: findColorInvert(#EB302D); } + color: #fff; } .navbar.is-nexi-darker-red .navbar-start > a.navbar-item:focus, .navbar.is-nexi-darker-red .navbar-start > a.navbar-item:hover, .navbar.is-nexi-darker-red .navbar-start > a.navbar-item.is-active, .navbar.is-nexi-darker-red .navbar-start .navbar-link:focus, .navbar.is-nexi-darker-red .navbar-start .navbar-link:hover, @@ -6248,40 +6270,40 @@ button.dropdown-item { .navbar.is-nexi-darker-red .navbar-end .navbar-link:hover, .navbar.is-nexi-darker-red .navbar-end .navbar-link.is-active { background-color: #e81916; - color: findColorInvert(#EB302D); } + color: #fff; } .navbar.is-nexi-darker-red .navbar-start .navbar-link::after, .navbar.is-nexi-darker-red .navbar-end .navbar-link::after { - border-color: findColorInvert(#EB302D); } + border-color: #fff; } .navbar.is-nexi-darker-red .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-nexi-darker-red .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-nexi-darker-red .navbar-item.has-dropdown.is-active .navbar-link { background-color: #e81916; - color: findColorInvert(#EB302D); } + color: #fff; } .navbar.is-nexi-darker-red .navbar-dropdown a.navbar-item.is-active { background-color: #EB302D; - color: findColorInvert(#EB302D); } } + color: #fff; } } .navbar.is-nexi-grey { background-color: #E4E4E4; - color: findColorInvert(#E4E4E4); } + color: rgba(0, 0, 0, 0.7); } .navbar.is-nexi-grey .navbar-brand > .navbar-item, .navbar.is-nexi-grey .navbar-brand .navbar-link { - color: findColorInvert(#E4E4E4); } + color: rgba(0, 0, 0, 0.7); } .navbar.is-nexi-grey .navbar-brand > a.navbar-item:focus, .navbar.is-nexi-grey .navbar-brand > a.navbar-item:hover, .navbar.is-nexi-grey .navbar-brand > a.navbar-item.is-active, .navbar.is-nexi-grey .navbar-brand .navbar-link:focus, .navbar.is-nexi-grey .navbar-brand .navbar-link:hover, .navbar.is-nexi-grey .navbar-brand .navbar-link.is-active { background-color: #d7d7d7; - color: findColorInvert(#E4E4E4); } + color: rgba(0, 0, 0, 0.7); } .navbar.is-nexi-grey .navbar-brand .navbar-link::after { - border-color: findColorInvert(#E4E4E4); } + border-color: rgba(0, 0, 0, 0.7); } .navbar.is-nexi-grey .navbar-burger { - color: findColorInvert(#E4E4E4); } + color: rgba(0, 0, 0, 0.7); } @media screen and (min-width: 1024px) { .navbar.is-nexi-grey .navbar-start > .navbar-item, .navbar.is-nexi-grey .navbar-start .navbar-link, .navbar.is-nexi-grey .navbar-end > .navbar-item, .navbar.is-nexi-grey .navbar-end .navbar-link { - color: findColorInvert(#E4E4E4); } + color: rgba(0, 0, 0, 0.7); } .navbar.is-nexi-grey .navbar-start > a.navbar-item:focus, .navbar.is-nexi-grey .navbar-start > a.navbar-item:hover, .navbar.is-nexi-grey .navbar-start > a.navbar-item.is-active, .navbar.is-nexi-grey .navbar-start .navbar-link:focus, .navbar.is-nexi-grey .navbar-start .navbar-link:hover, @@ -6293,40 +6315,40 @@ button.dropdown-item { .navbar.is-nexi-grey .navbar-end .navbar-link:hover, .navbar.is-nexi-grey .navbar-end .navbar-link.is-active { background-color: #d7d7d7; - color: findColorInvert(#E4E4E4); } + color: rgba(0, 0, 0, 0.7); } .navbar.is-nexi-grey .navbar-start .navbar-link::after, .navbar.is-nexi-grey .navbar-end .navbar-link::after { - border-color: findColorInvert(#E4E4E4); } + border-color: rgba(0, 0, 0, 0.7); } .navbar.is-nexi-grey .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-nexi-grey .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-nexi-grey .navbar-item.has-dropdown.is-active .navbar-link { background-color: #d7d7d7; - color: findColorInvert(#E4E4E4); } + color: rgba(0, 0, 0, 0.7); } .navbar.is-nexi-grey .navbar-dropdown a.navbar-item.is-active { background-color: #E4E4E4; - color: findColorInvert(#E4E4E4); } } + color: rgba(0, 0, 0, 0.7); } } .navbar.is-nexi-darker-grey { background-color: #D2D2D2; - color: findColorInvert(#D2D2D2); } + color: rgba(0, 0, 0, 0.7); } .navbar.is-nexi-darker-grey .navbar-brand > .navbar-item, .navbar.is-nexi-darker-grey .navbar-brand .navbar-link { - color: findColorInvert(#D2D2D2); } + color: rgba(0, 0, 0, 0.7); } .navbar.is-nexi-darker-grey .navbar-brand > a.navbar-item:focus, .navbar.is-nexi-darker-grey .navbar-brand > a.navbar-item:hover, .navbar.is-nexi-darker-grey .navbar-brand > a.navbar-item.is-active, .navbar.is-nexi-darker-grey .navbar-brand .navbar-link:focus, .navbar.is-nexi-darker-grey .navbar-brand .navbar-link:hover, .navbar.is-nexi-darker-grey .navbar-brand .navbar-link.is-active { background-color: #c5c5c5; - color: findColorInvert(#D2D2D2); } + color: rgba(0, 0, 0, 0.7); } .navbar.is-nexi-darker-grey .navbar-brand .navbar-link::after { - border-color: findColorInvert(#D2D2D2); } + border-color: rgba(0, 0, 0, 0.7); } .navbar.is-nexi-darker-grey .navbar-burger { - color: findColorInvert(#D2D2D2); } + color: rgba(0, 0, 0, 0.7); } @media screen and (min-width: 1024px) { .navbar.is-nexi-darker-grey .navbar-start > .navbar-item, .navbar.is-nexi-darker-grey .navbar-start .navbar-link, .navbar.is-nexi-darker-grey .navbar-end > .navbar-item, .navbar.is-nexi-darker-grey .navbar-end .navbar-link { - color: findColorInvert(#D2D2D2); } + color: rgba(0, 0, 0, 0.7); } .navbar.is-nexi-darker-grey .navbar-start > a.navbar-item:focus, .navbar.is-nexi-darker-grey .navbar-start > a.navbar-item:hover, .navbar.is-nexi-darker-grey .navbar-start > a.navbar-item.is-active, .navbar.is-nexi-darker-grey .navbar-start .navbar-link:focus, .navbar.is-nexi-darker-grey .navbar-start .navbar-link:hover, @@ -6338,40 +6360,40 @@ button.dropdown-item { .navbar.is-nexi-darker-grey .navbar-end .navbar-link:hover, .navbar.is-nexi-darker-grey .navbar-end .navbar-link.is-active { background-color: #c5c5c5; - color: findColorInvert(#D2D2D2); } + color: rgba(0, 0, 0, 0.7); } .navbar.is-nexi-darker-grey .navbar-start .navbar-link::after, .navbar.is-nexi-darker-grey .navbar-end .navbar-link::after { - border-color: findColorInvert(#D2D2D2); } + border-color: rgba(0, 0, 0, 0.7); } .navbar.is-nexi-darker-grey .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-nexi-darker-grey .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-nexi-darker-grey .navbar-item.has-dropdown.is-active .navbar-link { background-color: #c5c5c5; - color: findColorInvert(#D2D2D2); } + color: rgba(0, 0, 0, 0.7); } .navbar.is-nexi-darker-grey .navbar-dropdown a.navbar-item.is-active { background-color: #D2D2D2; - color: findColorInvert(#D2D2D2); } } + color: rgba(0, 0, 0, 0.7); } } .navbar.is-nexi-green { background-color: #36EA7B; - color: findColorInvert(#36EA7B); } + color: rgba(0, 0, 0, 0.7); } .navbar.is-nexi-green .navbar-brand > .navbar-item, .navbar.is-nexi-green .navbar-brand .navbar-link { - color: findColorInvert(#36EA7B); } + color: rgba(0, 0, 0, 0.7); } .navbar.is-nexi-green .navbar-brand > a.navbar-item:focus, .navbar.is-nexi-green .navbar-brand > a.navbar-item:hover, .navbar.is-nexi-green .navbar-brand > a.navbar-item.is-active, .navbar.is-nexi-green .navbar-brand .navbar-link:focus, .navbar.is-nexi-green .navbar-brand .navbar-link:hover, .navbar.is-nexi-green .navbar-brand .navbar-link.is-active { background-color: #1fe86c; - color: findColorInvert(#36EA7B); } + color: rgba(0, 0, 0, 0.7); } .navbar.is-nexi-green .navbar-brand .navbar-link::after { - border-color: findColorInvert(#36EA7B); } + border-color: rgba(0, 0, 0, 0.7); } .navbar.is-nexi-green .navbar-burger { - color: findColorInvert(#36EA7B); } + color: rgba(0, 0, 0, 0.7); } @media screen and (min-width: 1024px) { .navbar.is-nexi-green .navbar-start > .navbar-item, .navbar.is-nexi-green .navbar-start .navbar-link, .navbar.is-nexi-green .navbar-end > .navbar-item, .navbar.is-nexi-green .navbar-end .navbar-link { - color: findColorInvert(#36EA7B); } + color: rgba(0, 0, 0, 0.7); } .navbar.is-nexi-green .navbar-start > a.navbar-item:focus, .navbar.is-nexi-green .navbar-start > a.navbar-item:hover, .navbar.is-nexi-green .navbar-start > a.navbar-item.is-active, .navbar.is-nexi-green .navbar-start .navbar-link:focus, .navbar.is-nexi-green .navbar-start .navbar-link:hover, @@ -6383,40 +6405,40 @@ button.dropdown-item { .navbar.is-nexi-green .navbar-end .navbar-link:hover, .navbar.is-nexi-green .navbar-end .navbar-link.is-active { background-color: #1fe86c; - color: findColorInvert(#36EA7B); } + color: rgba(0, 0, 0, 0.7); } .navbar.is-nexi-green .navbar-start .navbar-link::after, .navbar.is-nexi-green .navbar-end .navbar-link::after { - border-color: findColorInvert(#36EA7B); } + border-color: rgba(0, 0, 0, 0.7); } .navbar.is-nexi-green .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-nexi-green .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-nexi-green .navbar-item.has-dropdown.is-active .navbar-link { background-color: #1fe86c; - color: findColorInvert(#36EA7B); } + color: rgba(0, 0, 0, 0.7); } .navbar.is-nexi-green .navbar-dropdown a.navbar-item.is-active { background-color: #36EA7B; - color: findColorInvert(#36EA7B); } } + color: rgba(0, 0, 0, 0.7); } } .navbar.is-nexi-cyan { background-color: #36E9EA; - color: findColorInvert(#36E9EA); } + color: rgba(0, 0, 0, 0.7); } .navbar.is-nexi-cyan .navbar-brand > .navbar-item, .navbar.is-nexi-cyan .navbar-brand .navbar-link { - color: findColorInvert(#36E9EA); } + color: rgba(0, 0, 0, 0.7); } .navbar.is-nexi-cyan .navbar-brand > a.navbar-item:focus, .navbar.is-nexi-cyan .navbar-brand > a.navbar-item:hover, .navbar.is-nexi-cyan .navbar-brand > a.navbar-item.is-active, .navbar.is-nexi-cyan .navbar-brand .navbar-link:focus, .navbar.is-nexi-cyan .navbar-brand .navbar-link:hover, .navbar.is-nexi-cyan .navbar-brand .navbar-link.is-active { background-color: #1fe6e8; - color: findColorInvert(#36E9EA); } + color: rgba(0, 0, 0, 0.7); } .navbar.is-nexi-cyan .navbar-brand .navbar-link::after { - border-color: findColorInvert(#36E9EA); } + border-color: rgba(0, 0, 0, 0.7); } .navbar.is-nexi-cyan .navbar-burger { - color: findColorInvert(#36E9EA); } + color: rgba(0, 0, 0, 0.7); } @media screen and (min-width: 1024px) { .navbar.is-nexi-cyan .navbar-start > .navbar-item, .navbar.is-nexi-cyan .navbar-start .navbar-link, .navbar.is-nexi-cyan .navbar-end > .navbar-item, .navbar.is-nexi-cyan .navbar-end .navbar-link { - color: findColorInvert(#36E9EA); } + color: rgba(0, 0, 0, 0.7); } .navbar.is-nexi-cyan .navbar-start > a.navbar-item:focus, .navbar.is-nexi-cyan .navbar-start > a.navbar-item:hover, .navbar.is-nexi-cyan .navbar-start > a.navbar-item.is-active, .navbar.is-nexi-cyan .navbar-start .navbar-link:focus, .navbar.is-nexi-cyan .navbar-start .navbar-link:hover, @@ -6428,40 +6450,40 @@ button.dropdown-item { .navbar.is-nexi-cyan .navbar-end .navbar-link:hover, .navbar.is-nexi-cyan .navbar-end .navbar-link.is-active { background-color: #1fe6e8; - color: findColorInvert(#36E9EA); } + color: rgba(0, 0, 0, 0.7); } .navbar.is-nexi-cyan .navbar-start .navbar-link::after, .navbar.is-nexi-cyan .navbar-end .navbar-link::after { - border-color: findColorInvert(#36E9EA); } + border-color: rgba(0, 0, 0, 0.7); } .navbar.is-nexi-cyan .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-nexi-cyan .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-nexi-cyan .navbar-item.has-dropdown.is-active .navbar-link { background-color: #1fe6e8; - color: findColorInvert(#36E9EA); } + color: rgba(0, 0, 0, 0.7); } .navbar.is-nexi-cyan .navbar-dropdown a.navbar-item.is-active { background-color: #36E9EA; - color: findColorInvert(#36E9EA); } } + color: rgba(0, 0, 0, 0.7); } } .navbar.is-nexi-purple { background-color: #A625EA; - color: findColorInvert(#A625EA); } + color: #fff; } .navbar.is-nexi-purple .navbar-brand > .navbar-item, .navbar.is-nexi-purple .navbar-brand .navbar-link { - color: findColorInvert(#A625EA); } + color: #fff; } .navbar.is-nexi-purple .navbar-brand > a.navbar-item:focus, .navbar.is-nexi-purple .navbar-brand > a.navbar-item:hover, .navbar.is-nexi-purple .navbar-brand > a.navbar-item.is-active, .navbar.is-nexi-purple .navbar-brand .navbar-link:focus, .navbar.is-nexi-purple .navbar-brand .navbar-link:hover, .navbar.is-nexi-purple .navbar-brand .navbar-link.is-active { background-color: #9a16e0; - color: findColorInvert(#A625EA); } + color: #fff; } .navbar.is-nexi-purple .navbar-brand .navbar-link::after { - border-color: findColorInvert(#A625EA); } + border-color: #fff; } .navbar.is-nexi-purple .navbar-burger { - color: findColorInvert(#A625EA); } + color: #fff; } @media screen and (min-width: 1024px) { .navbar.is-nexi-purple .navbar-start > .navbar-item, .navbar.is-nexi-purple .navbar-start .navbar-link, .navbar.is-nexi-purple .navbar-end > .navbar-item, .navbar.is-nexi-purple .navbar-end .navbar-link { - color: findColorInvert(#A625EA); } + color: #fff; } .navbar.is-nexi-purple .navbar-start > a.navbar-item:focus, .navbar.is-nexi-purple .navbar-start > a.navbar-item:hover, .navbar.is-nexi-purple .navbar-start > a.navbar-item.is-active, .navbar.is-nexi-purple .navbar-start .navbar-link:focus, .navbar.is-nexi-purple .navbar-start .navbar-link:hover, @@ -6473,40 +6495,40 @@ button.dropdown-item { .navbar.is-nexi-purple .navbar-end .navbar-link:hover, .navbar.is-nexi-purple .navbar-end .navbar-link.is-active { background-color: #9a16e0; - color: findColorInvert(#A625EA); } + color: #fff; } .navbar.is-nexi-purple .navbar-start .navbar-link::after, .navbar.is-nexi-purple .navbar-end .navbar-link::after { - border-color: findColorInvert(#A625EA); } + border-color: #fff; } .navbar.is-nexi-purple .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-nexi-purple .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-nexi-purple .navbar-item.has-dropdown.is-active .navbar-link { background-color: #9a16e0; - color: findColorInvert(#A625EA); } + color: #fff; } .navbar.is-nexi-purple .navbar-dropdown a.navbar-item.is-active { background-color: #A625EA; - color: findColorInvert(#A625EA); } } + color: #fff; } } .navbar.is-nexi-orange { background-color: #F17C25; - color: findColorInvert(#F17C25); } + color: #fff; } .navbar.is-nexi-orange .navbar-brand > .navbar-item, .navbar.is-nexi-orange .navbar-brand .navbar-link { - color: findColorInvert(#F17C25); } + color: #fff; } .navbar.is-nexi-orange .navbar-brand > a.navbar-item:focus, .navbar.is-nexi-orange .navbar-brand > a.navbar-item:hover, .navbar.is-nexi-orange .navbar-brand > a.navbar-item.is-active, .navbar.is-nexi-orange .navbar-brand .navbar-link:focus, .navbar.is-nexi-orange .navbar-brand .navbar-link:hover, .navbar.is-nexi-orange .navbar-brand .navbar-link.is-active { background-color: #ed6e0f; - color: findColorInvert(#F17C25); } + color: #fff; } .navbar.is-nexi-orange .navbar-brand .navbar-link::after { - border-color: findColorInvert(#F17C25); } + border-color: #fff; } .navbar.is-nexi-orange .navbar-burger { - color: findColorInvert(#F17C25); } + color: #fff; } @media screen and (min-width: 1024px) { .navbar.is-nexi-orange .navbar-start > .navbar-item, .navbar.is-nexi-orange .navbar-start .navbar-link, .navbar.is-nexi-orange .navbar-end > .navbar-item, .navbar.is-nexi-orange .navbar-end .navbar-link { - color: findColorInvert(#F17C25); } + color: #fff; } .navbar.is-nexi-orange .navbar-start > a.navbar-item:focus, .navbar.is-nexi-orange .navbar-start > a.navbar-item:hover, .navbar.is-nexi-orange .navbar-start > a.navbar-item.is-active, .navbar.is-nexi-orange .navbar-start .navbar-link:focus, .navbar.is-nexi-orange .navbar-start .navbar-link:hover, @@ -6518,40 +6540,40 @@ button.dropdown-item { .navbar.is-nexi-orange .navbar-end .navbar-link:hover, .navbar.is-nexi-orange .navbar-end .navbar-link.is-active { background-color: #ed6e0f; - color: findColorInvert(#F17C25); } + color: #fff; } .navbar.is-nexi-orange .navbar-start .navbar-link::after, .navbar.is-nexi-orange .navbar-end .navbar-link::after { - border-color: findColorInvert(#F17C25); } + border-color: #fff; } .navbar.is-nexi-orange .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-nexi-orange .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-nexi-orange .navbar-item.has-dropdown.is-active .navbar-link { background-color: #ed6e0f; - color: findColorInvert(#F17C25); } + color: #fff; } .navbar.is-nexi-orange .navbar-dropdown a.navbar-item.is-active { background-color: #F17C25; - color: findColorInvert(#F17C25); } } + color: #fff; } } .navbar.is-nexi-darker-orange { background-color: #F44336; - color: findColorInvert(#F44336); } + color: #fff; } .navbar.is-nexi-darker-orange .navbar-brand > .navbar-item, .navbar.is-nexi-darker-orange .navbar-brand .navbar-link { - color: findColorInvert(#F44336); } + color: #fff; } .navbar.is-nexi-darker-orange .navbar-brand > a.navbar-item:focus, .navbar.is-nexi-darker-orange .navbar-brand > a.navbar-item:hover, .navbar.is-nexi-darker-orange .navbar-brand > a.navbar-item.is-active, .navbar.is-nexi-darker-orange .navbar-brand .navbar-link:focus, .navbar.is-nexi-darker-orange .navbar-brand .navbar-link:hover, .navbar.is-nexi-darker-orange .navbar-brand .navbar-link.is-active { background-color: #f32c1e; - color: findColorInvert(#F44336); } + color: #fff; } .navbar.is-nexi-darker-orange .navbar-brand .navbar-link::after { - border-color: findColorInvert(#F44336); } + border-color: #fff; } .navbar.is-nexi-darker-orange .navbar-burger { - color: findColorInvert(#F44336); } + color: #fff; } @media screen and (min-width: 1024px) { .navbar.is-nexi-darker-orange .navbar-start > .navbar-item, .navbar.is-nexi-darker-orange .navbar-start .navbar-link, .navbar.is-nexi-darker-orange .navbar-end > .navbar-item, .navbar.is-nexi-darker-orange .navbar-end .navbar-link { - color: findColorInvert(#F44336); } + color: #fff; } .navbar.is-nexi-darker-orange .navbar-start > a.navbar-item:focus, .navbar.is-nexi-darker-orange .navbar-start > a.navbar-item:hover, .navbar.is-nexi-darker-orange .navbar-start > a.navbar-item.is-active, .navbar.is-nexi-darker-orange .navbar-start .navbar-link:focus, .navbar.is-nexi-darker-orange .navbar-start .navbar-link:hover, @@ -6563,40 +6585,40 @@ button.dropdown-item { .navbar.is-nexi-darker-orange .navbar-end .navbar-link:hover, .navbar.is-nexi-darker-orange .navbar-end .navbar-link.is-active { background-color: #f32c1e; - color: findColorInvert(#F44336); } + color: #fff; } .navbar.is-nexi-darker-orange .navbar-start .navbar-link::after, .navbar.is-nexi-darker-orange .navbar-end .navbar-link::after { - border-color: findColorInvert(#F44336); } + border-color: #fff; } .navbar.is-nexi-darker-orange .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-nexi-darker-orange .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-nexi-darker-orange .navbar-item.has-dropdown.is-active .navbar-link { background-color: #f32c1e; - color: findColorInvert(#F44336); } + color: #fff; } .navbar.is-nexi-darker-orange .navbar-dropdown a.navbar-item.is-active { background-color: #F44336; - color: findColorInvert(#F44336); } } + color: #fff; } } .navbar.is-nexi-yellow { background-color: #FFC107; - color: findColorInvert(#FFC107); } + color: rgba(0, 0, 0, 0.7); } .navbar.is-nexi-yellow .navbar-brand > .navbar-item, .navbar.is-nexi-yellow .navbar-brand .navbar-link { - color: findColorInvert(#FFC107); } + color: rgba(0, 0, 0, 0.7); } .navbar.is-nexi-yellow .navbar-brand > a.navbar-item:focus, .navbar.is-nexi-yellow .navbar-brand > a.navbar-item:hover, .navbar.is-nexi-yellow .navbar-brand > a.navbar-item.is-active, .navbar.is-nexi-yellow .navbar-brand .navbar-link:focus, .navbar.is-nexi-yellow .navbar-brand .navbar-link:hover, .navbar.is-nexi-yellow .navbar-brand .navbar-link.is-active { background-color: #edb100; - color: findColorInvert(#FFC107); } + color: rgba(0, 0, 0, 0.7); } .navbar.is-nexi-yellow .navbar-brand .navbar-link::after { - border-color: findColorInvert(#FFC107); } + border-color: rgba(0, 0, 0, 0.7); } .navbar.is-nexi-yellow .navbar-burger { - color: findColorInvert(#FFC107); } + color: rgba(0, 0, 0, 0.7); } @media screen and (min-width: 1024px) { .navbar.is-nexi-yellow .navbar-start > .navbar-item, .navbar.is-nexi-yellow .navbar-start .navbar-link, .navbar.is-nexi-yellow .navbar-end > .navbar-item, .navbar.is-nexi-yellow .navbar-end .navbar-link { - color: findColorInvert(#FFC107); } + color: rgba(0, 0, 0, 0.7); } .navbar.is-nexi-yellow .navbar-start > a.navbar-item:focus, .navbar.is-nexi-yellow .navbar-start > a.navbar-item:hover, .navbar.is-nexi-yellow .navbar-start > a.navbar-item.is-active, .navbar.is-nexi-yellow .navbar-start .navbar-link:focus, .navbar.is-nexi-yellow .navbar-start .navbar-link:hover, @@ -6608,18 +6630,18 @@ button.dropdown-item { .navbar.is-nexi-yellow .navbar-end .navbar-link:hover, .navbar.is-nexi-yellow .navbar-end .navbar-link.is-active { background-color: #edb100; - color: findColorInvert(#FFC107); } + color: rgba(0, 0, 0, 0.7); } .navbar.is-nexi-yellow .navbar-start .navbar-link::after, .navbar.is-nexi-yellow .navbar-end .navbar-link::after { - border-color: findColorInvert(#FFC107); } + border-color: rgba(0, 0, 0, 0.7); } .navbar.is-nexi-yellow .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-nexi-yellow .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-nexi-yellow .navbar-item.has-dropdown.is-active .navbar-link { background-color: #edb100; - color: findColorInvert(#FFC107); } + color: rgba(0, 0, 0, 0.7); } .navbar.is-nexi-yellow .navbar-dropdown a.navbar-item.is-active { background-color: #FFC107; - color: findColorInvert(#FFC107); } } + color: rgba(0, 0, 0, 0.7); } } .navbar > .container { align-items: stretch; display: flex; @@ -7125,12 +7147,12 @@ a.navbar-item, .panel.is-dark .panel-block.is-active .panel-icon { color: #363636; } .panel.is-primary .panel-heading { - background-color: #f8fafb; - color: rgba(0, 0, 0, 0.7); } - .panel.is-primary .panel-tabs a.is-active { - border-bottom-color: #f8fafb; } - .panel.is-primary .panel-block.is-active .panel-icon { + background-color: #181818; color: #f8fafb; } + .panel.is-primary .panel-tabs a.is-active { + border-bottom-color: #181818; } + .panel.is-primary .panel-block.is-active .panel-icon { + color: #181818; } .panel.is-link .panel-heading { background-color: #EB312E; color: #fff; } @@ -7168,98 +7190,98 @@ a.navbar-item, color: #EB312E; } .panel.is-nexi-white .panel-heading { background-color: #f8fafb; - color: findColorInvert(#f8fafb); } + color: #181818; } .panel.is-nexi-white .panel-tabs a.is-active { border-bottom-color: #f8fafb; } .panel.is-nexi-white .panel-block.is-active .panel-icon { color: #f8fafb; } .panel.is-nexi-lighter-black .panel-heading { background-color: #353535; - color: findColorInvert(#353535); } + color: #fff; } .panel.is-nexi-lighter-black .panel-tabs a.is-active { border-bottom-color: #353535; } .panel.is-nexi-lighter-black .panel-block.is-active .panel-icon { color: #353535; } .panel.is-nexi-black .panel-heading { background-color: #181818; - color: findColorInvert(#181818); } + color: #f8fafb; } .panel.is-nexi-black .panel-tabs a.is-active { border-bottom-color: #181818; } .panel.is-nexi-black .panel-block.is-active .panel-icon { color: #181818; } .panel.is-nexi-lighter-red .panel-heading { background-color: #9d7c7b; - color: findColorInvert(#9d7c7b); } + color: #fff; } .panel.is-nexi-lighter-red .panel-tabs a.is-active { border-bottom-color: #9d7c7b; } .panel.is-nexi-lighter-red .panel-block.is-active .panel-icon { color: #9d7c7b; } .panel.is-nexi-red .panel-heading { background-color: #EB312E; - color: findColorInvert(#EB312E); } + color: #fff; } .panel.is-nexi-red .panel-tabs a.is-active { border-bottom-color: #EB312E; } .panel.is-nexi-red .panel-block.is-active .panel-icon { color: #EB312E; } .panel.is-nexi-darker-red .panel-heading { background-color: #EB302D; - color: findColorInvert(#EB302D); } + color: #fff; } .panel.is-nexi-darker-red .panel-tabs a.is-active { border-bottom-color: #EB302D; } .panel.is-nexi-darker-red .panel-block.is-active .panel-icon { color: #EB302D; } .panel.is-nexi-grey .panel-heading { background-color: #E4E4E4; - color: findColorInvert(#E4E4E4); } + color: rgba(0, 0, 0, 0.7); } .panel.is-nexi-grey .panel-tabs a.is-active { border-bottom-color: #E4E4E4; } .panel.is-nexi-grey .panel-block.is-active .panel-icon { color: #E4E4E4; } .panel.is-nexi-darker-grey .panel-heading { background-color: #D2D2D2; - color: findColorInvert(#D2D2D2); } + color: rgba(0, 0, 0, 0.7); } .panel.is-nexi-darker-grey .panel-tabs a.is-active { border-bottom-color: #D2D2D2; } .panel.is-nexi-darker-grey .panel-block.is-active .panel-icon { color: #D2D2D2; } .panel.is-nexi-green .panel-heading { background-color: #36EA7B; - color: findColorInvert(#36EA7B); } + color: rgba(0, 0, 0, 0.7); } .panel.is-nexi-green .panel-tabs a.is-active { border-bottom-color: #36EA7B; } .panel.is-nexi-green .panel-block.is-active .panel-icon { color: #36EA7B; } .panel.is-nexi-cyan .panel-heading { background-color: #36E9EA; - color: findColorInvert(#36E9EA); } + color: rgba(0, 0, 0, 0.7); } .panel.is-nexi-cyan .panel-tabs a.is-active { border-bottom-color: #36E9EA; } .panel.is-nexi-cyan .panel-block.is-active .panel-icon { color: #36E9EA; } .panel.is-nexi-purple .panel-heading { background-color: #A625EA; - color: findColorInvert(#A625EA); } + color: #fff; } .panel.is-nexi-purple .panel-tabs a.is-active { border-bottom-color: #A625EA; } .panel.is-nexi-purple .panel-block.is-active .panel-icon { color: #A625EA; } .panel.is-nexi-orange .panel-heading { background-color: #F17C25; - color: findColorInvert(#F17C25); } + color: #fff; } .panel.is-nexi-orange .panel-tabs a.is-active { border-bottom-color: #F17C25; } .panel.is-nexi-orange .panel-block.is-active .panel-icon { color: #F17C25; } .panel.is-nexi-darker-orange .panel-heading { background-color: #F44336; - color: findColorInvert(#F44336); } + color: #fff; } .panel.is-nexi-darker-orange .panel-tabs a.is-active { border-bottom-color: #F44336; } .panel.is-nexi-darker-orange .panel-block.is-active .panel-icon { color: #F44336; } .panel.is-nexi-yellow .panel-heading { background-color: #FFC107; - color: findColorInvert(#FFC107); } + color: rgba(0, 0, 0, 0.7); } .panel.is-nexi-yellow .panel-tabs a.is-active { border-bottom-color: #FFC107; } .panel.is-nexi-yellow .panel-block.is-active .panel-icon { @@ -8678,31 +8700,31 @@ a.has-text-dark:hover, a.has-text-dark:focus { background-color: #363636 !important; } .has-text-primary { - color: #f8fafb !important; } + color: #181818 !important; } a.has-text-primary:hover, a.has-text-primary:focus { - color: #d8e3e8 !important; } + color: black !important; } .has-background-primary { - background-color: #f8fafb !important; } + background-color: #181818 !important; } .has-text-primary-light { - color: #f8fafb !important; } + color: whitesmoke !important; } a.has-text-primary-light:hover, a.has-text-primary-light:focus { - color: #d8e3e8 !important; } + color: #dbdbdb !important; } .has-background-primary-light { - background-color: #f8fafb !important; } + background-color: whitesmoke !important; } .has-text-primary-dark { - color: #36515e !important; } + color: #8f8f8f !important; } a.has-text-primary-dark:hover, a.has-text-primary-dark:focus { - color: #486c7f !important; } + color: #a8a8a8 !important; } .has-background-primary-dark { - background-color: #36515e !important; } + background-color: #8f8f8f !important; } .has-text-link { color: #EB312E !important; } @@ -10626,50 +10648,50 @@ a.has-text-nexi-yellow-dark:hover, a.has-text-nexi-yellow-dark:focus { .hero.is-dark.is-bold .navbar-menu { background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%); } } .hero.is-primary { - background-color: #f8fafb; - color: rgba(0, 0, 0, 0.7); } + background-color: #181818; + color: #f8fafb; } .hero.is-primary a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-primary strong { color: inherit; } .hero.is-primary .title { - color: rgba(0, 0, 0, 0.7); } + color: #f8fafb; } .hero.is-primary .subtitle { - color: rgba(0, 0, 0, 0.9); } + color: rgba(248, 250, 251, 0.9); } .hero.is-primary .subtitle a:not(.button), .hero.is-primary .subtitle strong { - color: rgba(0, 0, 0, 0.7); } + color: #f8fafb; } @media screen and (max-width: 1023px) { .hero.is-primary .navbar-menu { - background-color: #f8fafb; } } + background-color: #181818; } } .hero.is-primary .navbar-item, .hero.is-primary .navbar-link { - color: rgba(0, 0, 0, 0.7); } + color: rgba(248, 250, 251, 0.7); } .hero.is-primary a.navbar-item:hover, .hero.is-primary a.navbar-item.is-active, .hero.is-primary .navbar-link:hover, .hero.is-primary .navbar-link.is-active { - background-color: #e8eef2; - color: rgba(0, 0, 0, 0.7); } + background-color: #0b0b0b; + color: #f8fafb; } .hero.is-primary .tabs a { - color: rgba(0, 0, 0, 0.7); + color: #f8fafb; opacity: 0.9; } .hero.is-primary .tabs a:hover { opacity: 1; } .hero.is-primary .tabs li.is-active a { - color: #f8fafb !important; + color: #181818 !important; opacity: 1; } .hero.is-primary .tabs.is-boxed a, .hero.is-primary .tabs.is-toggle a { - color: rgba(0, 0, 0, 0.7); } + color: #f8fafb; } .hero.is-primary .tabs.is-boxed a:hover, .hero.is-primary .tabs.is-toggle a:hover { background-color: rgba(10, 10, 10, 0.1); } .hero.is-primary .tabs.is-boxed li.is-active a, .hero.is-primary .tabs.is-boxed li.is-active a:hover, .hero.is-primary .tabs.is-toggle li.is-active a, .hero.is-primary .tabs.is-toggle li.is-active a:hover { - background-color: rgba(0, 0, 0, 0.7); - border-color: rgba(0, 0, 0, 0.7); - color: #f8fafb; } + background-color: #f8fafb; + border-color: #f8fafb; + color: #181818; } .hero.is-primary.is-bold { - background-image: linear-gradient(141deg, #d4e8ec 0%, #f8fafb 71%, white 100%); } + background-image: linear-gradient(141deg, black 0%, #181818 71%, #272423 100%); } @media screen and (max-width: 768px) { .hero.is-primary.is-bold .navbar-menu { - background-image: linear-gradient(141deg, #d4e8ec 0%, #f8fafb 71%, white 100%); } } + background-image: linear-gradient(141deg, black 0%, #181818 71%, #272423 100%); } } .hero.is-link { background-color: #EB312E; color: #fff; } @@ -10897,30 +10919,30 @@ a.has-text-nexi-yellow-dark:hover, a.has-text-nexi-yellow-dark:focus { background-image: linear-gradient(141deg, #dd0929 0%, #EB312E 71%, #f26140 100%); } } .hero.is-nexi-white { background-color: #f8fafb; - color: findColorInvert(#f8fafb); } + color: #181818; } .hero.is-nexi-white a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-nexi-white strong { color: inherit; } .hero.is-nexi-white .title { - color: findColorInvert(#f8fafb); } + color: #181818; } .hero.is-nexi-white .subtitle { - color: findColorInvert(#f8fafb); } + color: rgba(24, 24, 24, 0.9); } .hero.is-nexi-white .subtitle a:not(.button), .hero.is-nexi-white .subtitle strong { - color: findColorInvert(#f8fafb); } + color: #181818; } @media screen and (max-width: 1023px) { .hero.is-nexi-white .navbar-menu { background-color: #f8fafb; } } .hero.is-nexi-white .navbar-item, .hero.is-nexi-white .navbar-link { - color: findColorInvert(#f8fafb); } + color: rgba(24, 24, 24, 0.7); } .hero.is-nexi-white a.navbar-item:hover, .hero.is-nexi-white a.navbar-item.is-active, .hero.is-nexi-white .navbar-link:hover, .hero.is-nexi-white .navbar-link.is-active { background-color: #e8eef2; - color: findColorInvert(#f8fafb); } + color: #181818; } .hero.is-nexi-white .tabs a { - color: findColorInvert(#f8fafb); + color: #181818; opacity: 0.9; } .hero.is-nexi-white .tabs a:hover { opacity: 1; } @@ -10928,12 +10950,12 @@ a.has-text-nexi-yellow-dark:hover, a.has-text-nexi-yellow-dark:focus { color: #f8fafb !important; opacity: 1; } .hero.is-nexi-white .tabs.is-boxed a, .hero.is-nexi-white .tabs.is-toggle a { - color: findColorInvert(#f8fafb); } + color: #181818; } .hero.is-nexi-white .tabs.is-boxed a:hover, .hero.is-nexi-white .tabs.is-toggle a:hover { background-color: rgba(10, 10, 10, 0.1); } .hero.is-nexi-white .tabs.is-boxed li.is-active a, .hero.is-nexi-white .tabs.is-boxed li.is-active a:hover, .hero.is-nexi-white .tabs.is-toggle li.is-active a, .hero.is-nexi-white .tabs.is-toggle li.is-active a:hover { - background-color: findColorInvert(#f8fafb); - border-color: findColorInvert(#f8fafb); + background-color: #181818; + border-color: #181818; color: #f8fafb; } .hero.is-nexi-white.is-bold { background-image: linear-gradient(141deg, #d4e8ec 0%, #f8fafb 71%, white 100%); } @@ -10942,30 +10964,30 @@ a.has-text-nexi-yellow-dark:hover, a.has-text-nexi-yellow-dark:focus { background-image: linear-gradient(141deg, #d4e8ec 0%, #f8fafb 71%, white 100%); } } .hero.is-nexi-lighter-black { background-color: #353535; - color: findColorInvert(#353535); } + color: #fff; } .hero.is-nexi-lighter-black a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-nexi-lighter-black strong { color: inherit; } .hero.is-nexi-lighter-black .title { - color: findColorInvert(#353535); } + color: #fff; } .hero.is-nexi-lighter-black .subtitle { - color: findColorInvert(#353535); } + color: rgba(255, 255, 255, 0.9); } .hero.is-nexi-lighter-black .subtitle a:not(.button), .hero.is-nexi-lighter-black .subtitle strong { - color: findColorInvert(#353535); } + color: #fff; } @media screen and (max-width: 1023px) { .hero.is-nexi-lighter-black .navbar-menu { background-color: #353535; } } .hero.is-nexi-lighter-black .navbar-item, .hero.is-nexi-lighter-black .navbar-link { - color: findColorInvert(#353535); } + color: rgba(255, 255, 255, 0.7); } .hero.is-nexi-lighter-black a.navbar-item:hover, .hero.is-nexi-lighter-black a.navbar-item.is-active, .hero.is-nexi-lighter-black .navbar-link:hover, .hero.is-nexi-lighter-black .navbar-link.is-active { background-color: #282828; - color: findColorInvert(#353535); } + color: #fff; } .hero.is-nexi-lighter-black .tabs a { - color: findColorInvert(#353535); + color: #fff; opacity: 0.9; } .hero.is-nexi-lighter-black .tabs a:hover { opacity: 1; } @@ -10973,12 +10995,12 @@ a.has-text-nexi-yellow-dark:hover, a.has-text-nexi-yellow-dark:focus { color: #353535 !important; opacity: 1; } .hero.is-nexi-lighter-black .tabs.is-boxed a, .hero.is-nexi-lighter-black .tabs.is-toggle a { - color: findColorInvert(#353535); } + color: #fff; } .hero.is-nexi-lighter-black .tabs.is-boxed a:hover, .hero.is-nexi-lighter-black .tabs.is-toggle a:hover { background-color: rgba(10, 10, 10, 0.1); } .hero.is-nexi-lighter-black .tabs.is-boxed li.is-active a, .hero.is-nexi-lighter-black .tabs.is-boxed li.is-active a:hover, .hero.is-nexi-lighter-black .tabs.is-toggle li.is-active a, .hero.is-nexi-lighter-black .tabs.is-toggle li.is-active a:hover { - background-color: findColorInvert(#353535); - border-color: findColorInvert(#353535); + background-color: #fff; + border-color: #fff; color: #353535; } .hero.is-nexi-lighter-black.is-bold { background-image: linear-gradient(141deg, #1e191a 0%, #353535 71%, #45403e 100%); } @@ -10987,30 +11009,30 @@ a.has-text-nexi-yellow-dark:hover, a.has-text-nexi-yellow-dark:focus { background-image: linear-gradient(141deg, #1e191a 0%, #353535 71%, #45403e 100%); } } .hero.is-nexi-black { background-color: #181818; - color: findColorInvert(#181818); } + color: #f8fafb; } .hero.is-nexi-black a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-nexi-black strong { color: inherit; } .hero.is-nexi-black .title { - color: findColorInvert(#181818); } + color: #f8fafb; } .hero.is-nexi-black .subtitle { - color: findColorInvert(#181818); } + color: rgba(248, 250, 251, 0.9); } .hero.is-nexi-black .subtitle a:not(.button), .hero.is-nexi-black .subtitle strong { - color: findColorInvert(#181818); } + color: #f8fafb; } @media screen and (max-width: 1023px) { .hero.is-nexi-black .navbar-menu { background-color: #181818; } } .hero.is-nexi-black .navbar-item, .hero.is-nexi-black .navbar-link { - color: findColorInvert(#181818); } + color: rgba(248, 250, 251, 0.7); } .hero.is-nexi-black a.navbar-item:hover, .hero.is-nexi-black a.navbar-item.is-active, .hero.is-nexi-black .navbar-link:hover, .hero.is-nexi-black .navbar-link.is-active { background-color: #0b0b0b; - color: findColorInvert(#181818); } + color: #f8fafb; } .hero.is-nexi-black .tabs a { - color: findColorInvert(#181818); + color: #f8fafb; opacity: 0.9; } .hero.is-nexi-black .tabs a:hover { opacity: 1; } @@ -11018,12 +11040,12 @@ a.has-text-nexi-yellow-dark:hover, a.has-text-nexi-yellow-dark:focus { color: #181818 !important; opacity: 1; } .hero.is-nexi-black .tabs.is-boxed a, .hero.is-nexi-black .tabs.is-toggle a { - color: findColorInvert(#181818); } + color: #f8fafb; } .hero.is-nexi-black .tabs.is-boxed a:hover, .hero.is-nexi-black .tabs.is-toggle a:hover { background-color: rgba(10, 10, 10, 0.1); } .hero.is-nexi-black .tabs.is-boxed li.is-active a, .hero.is-nexi-black .tabs.is-boxed li.is-active a:hover, .hero.is-nexi-black .tabs.is-toggle li.is-active a, .hero.is-nexi-black .tabs.is-toggle li.is-active a:hover { - background-color: findColorInvert(#181818); - border-color: findColorInvert(#181818); + background-color: #f8fafb; + border-color: #f8fafb; color: #181818; } .hero.is-nexi-black.is-bold { background-image: linear-gradient(141deg, black 0%, #181818 71%, #272423 100%); } @@ -11032,30 +11054,30 @@ a.has-text-nexi-yellow-dark:hover, a.has-text-nexi-yellow-dark:focus { background-image: linear-gradient(141deg, black 0%, #181818 71%, #272423 100%); } } .hero.is-nexi-lighter-red { background-color: #9d7c7b; - color: findColorInvert(#9d7c7b); } + color: #fff; } .hero.is-nexi-lighter-red a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-nexi-lighter-red strong { color: inherit; } .hero.is-nexi-lighter-red .title { - color: findColorInvert(#9d7c7b); } + color: #fff; } .hero.is-nexi-lighter-red .subtitle { - color: findColorInvert(#9d7c7b); } + color: rgba(255, 255, 255, 0.9); } .hero.is-nexi-lighter-red .subtitle a:not(.button), .hero.is-nexi-lighter-red .subtitle strong { - color: findColorInvert(#9d7c7b); } + color: #fff; } @media screen and (max-width: 1023px) { .hero.is-nexi-lighter-red .navbar-menu { background-color: #9d7c7b; } } .hero.is-nexi-lighter-red .navbar-item, .hero.is-nexi-lighter-red .navbar-link { - color: findColorInvert(#9d7c7b); } + color: rgba(255, 255, 255, 0.7); } .hero.is-nexi-lighter-red a.navbar-item:hover, .hero.is-nexi-lighter-red a.navbar-item.is-active, .hero.is-nexi-lighter-red .navbar-link:hover, .hero.is-nexi-lighter-red .navbar-link.is-active { background-color: #926e6c; - color: findColorInvert(#9d7c7b); } + color: #fff; } .hero.is-nexi-lighter-red .tabs a { - color: findColorInvert(#9d7c7b); + color: #fff; opacity: 0.9; } .hero.is-nexi-lighter-red .tabs a:hover { opacity: 1; } @@ -11063,12 +11085,12 @@ a.has-text-nexi-yellow-dark:hover, a.has-text-nexi-yellow-dark:focus { color: #9d7c7b !important; opacity: 1; } .hero.is-nexi-lighter-red .tabs.is-boxed a, .hero.is-nexi-lighter-red .tabs.is-toggle a { - color: findColorInvert(#9d7c7b); } + color: #fff; } .hero.is-nexi-lighter-red .tabs.is-boxed a:hover, .hero.is-nexi-lighter-red .tabs.is-toggle a:hover { background-color: rgba(10, 10, 10, 0.1); } .hero.is-nexi-lighter-red .tabs.is-boxed li.is-active a, .hero.is-nexi-lighter-red .tabs.is-boxed li.is-active a:hover, .hero.is-nexi-lighter-red .tabs.is-toggle li.is-active a, .hero.is-nexi-lighter-red .tabs.is-toggle li.is-active a:hover { - background-color: findColorInvert(#9d7c7b); - border-color: findColorInvert(#9d7c7b); + background-color: #fff; + border-color: #fff; color: #9d7c7b; } .hero.is-nexi-lighter-red.is-bold { background-image: linear-gradient(141deg, #8f565e 0%, #9d7c7b 71%, #ad8c85 100%); } @@ -11077,30 +11099,30 @@ a.has-text-nexi-yellow-dark:hover, a.has-text-nexi-yellow-dark:focus { background-image: linear-gradient(141deg, #8f565e 0%, #9d7c7b 71%, #ad8c85 100%); } } .hero.is-nexi-red { background-color: #EB312E; - color: findColorInvert(#EB312E); } + color: #fff; } .hero.is-nexi-red a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-nexi-red strong { color: inherit; } .hero.is-nexi-red .title { - color: findColorInvert(#EB312E); } + color: #fff; } .hero.is-nexi-red .subtitle { - color: findColorInvert(#EB312E); } + color: rgba(255, 255, 255, 0.9); } .hero.is-nexi-red .subtitle a:not(.button), .hero.is-nexi-red .subtitle strong { - color: findColorInvert(#EB312E); } + color: #fff; } @media screen and (max-width: 1023px) { .hero.is-nexi-red .navbar-menu { background-color: #EB312E; } } .hero.is-nexi-red .navbar-item, .hero.is-nexi-red .navbar-link { - color: findColorInvert(#EB312E); } + color: rgba(255, 255, 255, 0.7); } .hero.is-nexi-red a.navbar-item:hover, .hero.is-nexi-red a.navbar-item.is-active, .hero.is-nexi-red .navbar-link:hover, .hero.is-nexi-red .navbar-link.is-active { background-color: #e91a17; - color: findColorInvert(#EB312E); } + color: #fff; } .hero.is-nexi-red .tabs a { - color: findColorInvert(#EB312E); + color: #fff; opacity: 0.9; } .hero.is-nexi-red .tabs a:hover { opacity: 1; } @@ -11108,12 +11130,12 @@ a.has-text-nexi-yellow-dark:hover, a.has-text-nexi-yellow-dark:focus { color: #EB312E !important; opacity: 1; } .hero.is-nexi-red .tabs.is-boxed a, .hero.is-nexi-red .tabs.is-toggle a { - color: findColorInvert(#EB312E); } + color: #fff; } .hero.is-nexi-red .tabs.is-boxed a:hover, .hero.is-nexi-red .tabs.is-toggle a:hover { background-color: rgba(10, 10, 10, 0.1); } .hero.is-nexi-red .tabs.is-boxed li.is-active a, .hero.is-nexi-red .tabs.is-boxed li.is-active a:hover, .hero.is-nexi-red .tabs.is-toggle li.is-active a, .hero.is-nexi-red .tabs.is-toggle li.is-active a:hover { - background-color: findColorInvert(#EB312E); - border-color: findColorInvert(#EB312E); + background-color: #fff; + border-color: #fff; color: #EB312E; } .hero.is-nexi-red.is-bold { background-image: linear-gradient(141deg, #dd0929 0%, #EB312E 71%, #f26140 100%); } @@ -11122,30 +11144,30 @@ a.has-text-nexi-yellow-dark:hover, a.has-text-nexi-yellow-dark:focus { background-image: linear-gradient(141deg, #dd0929 0%, #EB312E 71%, #f26140 100%); } } .hero.is-nexi-darker-red { background-color: #EB302D; - color: findColorInvert(#EB302D); } + color: #fff; } .hero.is-nexi-darker-red a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-nexi-darker-red strong { color: inherit; } .hero.is-nexi-darker-red .title { - color: findColorInvert(#EB302D); } + color: #fff; } .hero.is-nexi-darker-red .subtitle { - color: findColorInvert(#EB302D); } + color: rgba(255, 255, 255, 0.9); } .hero.is-nexi-darker-red .subtitle a:not(.button), .hero.is-nexi-darker-red .subtitle strong { - color: findColorInvert(#EB302D); } + color: #fff; } @media screen and (max-width: 1023px) { .hero.is-nexi-darker-red .navbar-menu { background-color: #EB302D; } } .hero.is-nexi-darker-red .navbar-item, .hero.is-nexi-darker-red .navbar-link { - color: findColorInvert(#EB302D); } + color: rgba(255, 255, 255, 0.7); } .hero.is-nexi-darker-red a.navbar-item:hover, .hero.is-nexi-darker-red a.navbar-item.is-active, .hero.is-nexi-darker-red .navbar-link:hover, .hero.is-nexi-darker-red .navbar-link.is-active { background-color: #e81916; - color: findColorInvert(#EB302D); } + color: #fff; } .hero.is-nexi-darker-red .tabs a { - color: findColorInvert(#EB302D); + color: #fff; opacity: 0.9; } .hero.is-nexi-darker-red .tabs a:hover { opacity: 1; } @@ -11153,12 +11175,12 @@ a.has-text-nexi-yellow-dark:hover, a.has-text-nexi-yellow-dark:focus { color: #EB302D !important; opacity: 1; } .hero.is-nexi-darker-red .tabs.is-boxed a, .hero.is-nexi-darker-red .tabs.is-toggle a { - color: findColorInvert(#EB302D); } + color: #fff; } .hero.is-nexi-darker-red .tabs.is-boxed a:hover, .hero.is-nexi-darker-red .tabs.is-toggle a:hover { background-color: rgba(10, 10, 10, 0.1); } .hero.is-nexi-darker-red .tabs.is-boxed li.is-active a, .hero.is-nexi-darker-red .tabs.is-boxed li.is-active a:hover, .hero.is-nexi-darker-red .tabs.is-toggle li.is-active a, .hero.is-nexi-darker-red .tabs.is-toggle li.is-active a:hover { - background-color: findColorInvert(#EB302D); - border-color: findColorInvert(#EB302D); + background-color: #fff; + border-color: #fff; color: #EB302D; } .hero.is-nexi-darker-red.is-bold { background-image: linear-gradient(141deg, #dd0828 0%, #EB302D 71%, #f2603f 100%); } @@ -11167,30 +11189,30 @@ a.has-text-nexi-yellow-dark:hover, a.has-text-nexi-yellow-dark:focus { background-image: linear-gradient(141deg, #dd0828 0%, #EB302D 71%, #f2603f 100%); } } .hero.is-nexi-grey { background-color: #E4E4E4; - color: findColorInvert(#E4E4E4); } + color: rgba(0, 0, 0, 0.7); } .hero.is-nexi-grey a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-nexi-grey strong { color: inherit; } .hero.is-nexi-grey .title { - color: findColorInvert(#E4E4E4); } + color: rgba(0, 0, 0, 0.7); } .hero.is-nexi-grey .subtitle { - color: findColorInvert(#E4E4E4); } + color: rgba(0, 0, 0, 0.9); } .hero.is-nexi-grey .subtitle a:not(.button), .hero.is-nexi-grey .subtitle strong { - color: findColorInvert(#E4E4E4); } + color: rgba(0, 0, 0, 0.7); } @media screen and (max-width: 1023px) { .hero.is-nexi-grey .navbar-menu { background-color: #E4E4E4; } } .hero.is-nexi-grey .navbar-item, .hero.is-nexi-grey .navbar-link { - color: findColorInvert(#E4E4E4); } + color: rgba(0, 0, 0, 0.7); } .hero.is-nexi-grey a.navbar-item:hover, .hero.is-nexi-grey a.navbar-item.is-active, .hero.is-nexi-grey .navbar-link:hover, .hero.is-nexi-grey .navbar-link.is-active { background-color: #d7d7d7; - color: findColorInvert(#E4E4E4); } + color: rgba(0, 0, 0, 0.7); } .hero.is-nexi-grey .tabs a { - color: findColorInvert(#E4E4E4); + color: rgba(0, 0, 0, 0.7); opacity: 0.9; } .hero.is-nexi-grey .tabs a:hover { opacity: 1; } @@ -11198,12 +11220,12 @@ a.has-text-nexi-yellow-dark:hover, a.has-text-nexi-yellow-dark:focus { color: #E4E4E4 !important; opacity: 1; } .hero.is-nexi-grey .tabs.is-boxed a, .hero.is-nexi-grey .tabs.is-toggle a { - color: findColorInvert(#E4E4E4); } + color: rgba(0, 0, 0, 0.7); } .hero.is-nexi-grey .tabs.is-boxed a:hover, .hero.is-nexi-grey .tabs.is-toggle a:hover { background-color: rgba(10, 10, 10, 0.1); } .hero.is-nexi-grey .tabs.is-boxed li.is-active a, .hero.is-nexi-grey .tabs.is-boxed li.is-active a:hover, .hero.is-nexi-grey .tabs.is-toggle li.is-active a, .hero.is-nexi-grey .tabs.is-toggle li.is-active a:hover { - background-color: findColorInvert(#E4E4E4); - border-color: findColorInvert(#E4E4E4); + background-color: rgba(0, 0, 0, 0.7); + border-color: rgba(0, 0, 0, 0.7); color: #E4E4E4; } .hero.is-nexi-grey.is-bold { background-image: linear-gradient(141deg, #d0c5c7 0%, #E4E4E4 71%, #f1f0f0 100%); } @@ -11212,30 +11234,30 @@ a.has-text-nexi-yellow-dark:hover, a.has-text-nexi-yellow-dark:focus { background-image: linear-gradient(141deg, #d0c5c7 0%, #E4E4E4 71%, #f1f0f0 100%); } } .hero.is-nexi-darker-grey { background-color: #D2D2D2; - color: findColorInvert(#D2D2D2); } + color: rgba(0, 0, 0, 0.7); } .hero.is-nexi-darker-grey a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-nexi-darker-grey strong { color: inherit; } .hero.is-nexi-darker-grey .title { - color: findColorInvert(#D2D2D2); } + color: rgba(0, 0, 0, 0.7); } .hero.is-nexi-darker-grey .subtitle { - color: findColorInvert(#D2D2D2); } + color: rgba(0, 0, 0, 0.9); } .hero.is-nexi-darker-grey .subtitle a:not(.button), .hero.is-nexi-darker-grey .subtitle strong { - color: findColorInvert(#D2D2D2); } + color: rgba(0, 0, 0, 0.7); } @media screen and (max-width: 1023px) { .hero.is-nexi-darker-grey .navbar-menu { background-color: #D2D2D2; } } .hero.is-nexi-darker-grey .navbar-item, .hero.is-nexi-darker-grey .navbar-link { - color: findColorInvert(#D2D2D2); } + color: rgba(0, 0, 0, 0.7); } .hero.is-nexi-darker-grey a.navbar-item:hover, .hero.is-nexi-darker-grey a.navbar-item.is-active, .hero.is-nexi-darker-grey .navbar-link:hover, .hero.is-nexi-darker-grey .navbar-link.is-active { background-color: #c5c5c5; - color: findColorInvert(#D2D2D2); } + color: rgba(0, 0, 0, 0.7); } .hero.is-nexi-darker-grey .tabs a { - color: findColorInvert(#D2D2D2); + color: rgba(0, 0, 0, 0.7); opacity: 0.9; } .hero.is-nexi-darker-grey .tabs a:hover { opacity: 1; } @@ -11243,12 +11265,12 @@ a.has-text-nexi-yellow-dark:hover, a.has-text-nexi-yellow-dark:focus { color: #D2D2D2 !important; opacity: 1; } .hero.is-nexi-darker-grey .tabs.is-boxed a, .hero.is-nexi-darker-grey .tabs.is-toggle a { - color: findColorInvert(#D2D2D2); } + color: rgba(0, 0, 0, 0.7); } .hero.is-nexi-darker-grey .tabs.is-boxed a:hover, .hero.is-nexi-darker-grey .tabs.is-toggle a:hover { background-color: rgba(10, 10, 10, 0.1); } .hero.is-nexi-darker-grey .tabs.is-boxed li.is-active a, .hero.is-nexi-darker-grey .tabs.is-boxed li.is-active a:hover, .hero.is-nexi-darker-grey .tabs.is-toggle li.is-active a, .hero.is-nexi-darker-grey .tabs.is-toggle li.is-active a:hover { - background-color: findColorInvert(#D2D2D2); - border-color: findColorInvert(#D2D2D2); + background-color: rgba(0, 0, 0, 0.7); + border-color: rgba(0, 0, 0, 0.7); color: #D2D2D2; } .hero.is-nexi-darker-grey.is-bold { background-image: linear-gradient(141deg, #c0b1b4 0%, #D2D2D2 71%, #e0dedd 100%); } @@ -11257,30 +11279,30 @@ a.has-text-nexi-yellow-dark:hover, a.has-text-nexi-yellow-dark:focus { background-image: linear-gradient(141deg, #c0b1b4 0%, #D2D2D2 71%, #e0dedd 100%); } } .hero.is-nexi-green { background-color: #36EA7B; - color: findColorInvert(#36EA7B); } + color: rgba(0, 0, 0, 0.7); } .hero.is-nexi-green a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-nexi-green strong { color: inherit; } .hero.is-nexi-green .title { - color: findColorInvert(#36EA7B); } + color: rgba(0, 0, 0, 0.7); } .hero.is-nexi-green .subtitle { - color: findColorInvert(#36EA7B); } + color: rgba(0, 0, 0, 0.9); } .hero.is-nexi-green .subtitle a:not(.button), .hero.is-nexi-green .subtitle strong { - color: findColorInvert(#36EA7B); } + color: rgba(0, 0, 0, 0.7); } @media screen and (max-width: 1023px) { .hero.is-nexi-green .navbar-menu { background-color: #36EA7B; } } .hero.is-nexi-green .navbar-item, .hero.is-nexi-green .navbar-link { - color: findColorInvert(#36EA7B); } + color: rgba(0, 0, 0, 0.7); } .hero.is-nexi-green a.navbar-item:hover, .hero.is-nexi-green a.navbar-item.is-active, .hero.is-nexi-green .navbar-link:hover, .hero.is-nexi-green .navbar-link.is-active { background-color: #1fe86c; - color: findColorInvert(#36EA7B); } + color: rgba(0, 0, 0, 0.7); } .hero.is-nexi-green .tabs a { - color: findColorInvert(#36EA7B); + color: rgba(0, 0, 0, 0.7); opacity: 0.9; } .hero.is-nexi-green .tabs a:hover { opacity: 1; } @@ -11288,12 +11310,12 @@ a.has-text-nexi-yellow-dark:hover, a.has-text-nexi-yellow-dark:focus { color: #36EA7B !important; opacity: 1; } .hero.is-nexi-green .tabs.is-boxed a, .hero.is-nexi-green .tabs.is-toggle a { - color: findColorInvert(#36EA7B); } + color: rgba(0, 0, 0, 0.7); } .hero.is-nexi-green .tabs.is-boxed a:hover, .hero.is-nexi-green .tabs.is-toggle a:hover { background-color: rgba(10, 10, 10, 0.1); } .hero.is-nexi-green .tabs.is-boxed li.is-active a, .hero.is-nexi-green .tabs.is-boxed li.is-active a:hover, .hero.is-nexi-green .tabs.is-toggle li.is-active a, .hero.is-nexi-green .tabs.is-toggle li.is-active a:hover { - background-color: findColorInvert(#36EA7B); - border-color: findColorInvert(#36EA7B); + background-color: rgba(0, 0, 0, 0.7); + border-color: rgba(0, 0, 0, 0.7); color: #36EA7B; } .hero.is-nexi-green.is-bold { background-image: linear-gradient(141deg, #0be239 0%, #36EA7B 71%, #48f1a5 100%); } @@ -11302,30 +11324,30 @@ a.has-text-nexi-yellow-dark:hover, a.has-text-nexi-yellow-dark:focus { background-image: linear-gradient(141deg, #0be239 0%, #36EA7B 71%, #48f1a5 100%); } } .hero.is-nexi-cyan { background-color: #36E9EA; - color: findColorInvert(#36E9EA); } + color: rgba(0, 0, 0, 0.7); } .hero.is-nexi-cyan a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-nexi-cyan strong { color: inherit; } .hero.is-nexi-cyan .title { - color: findColorInvert(#36E9EA); } + color: rgba(0, 0, 0, 0.7); } .hero.is-nexi-cyan .subtitle { - color: findColorInvert(#36E9EA); } + color: rgba(0, 0, 0, 0.9); } .hero.is-nexi-cyan .subtitle a:not(.button), .hero.is-nexi-cyan .subtitle strong { - color: findColorInvert(#36E9EA); } + color: rgba(0, 0, 0, 0.7); } @media screen and (max-width: 1023px) { .hero.is-nexi-cyan .navbar-menu { background-color: #36E9EA; } } .hero.is-nexi-cyan .navbar-item, .hero.is-nexi-cyan .navbar-link { - color: findColorInvert(#36E9EA); } + color: rgba(0, 0, 0, 0.7); } .hero.is-nexi-cyan a.navbar-item:hover, .hero.is-nexi-cyan a.navbar-item.is-active, .hero.is-nexi-cyan .navbar-link:hover, .hero.is-nexi-cyan .navbar-link.is-active { background-color: #1fe6e8; - color: findColorInvert(#36E9EA); } + color: rgba(0, 0, 0, 0.7); } .hero.is-nexi-cyan .tabs a { - color: findColorInvert(#36E9EA); + color: rgba(0, 0, 0, 0.7); opacity: 0.9; } .hero.is-nexi-cyan .tabs a:hover { opacity: 1; } @@ -11333,12 +11355,12 @@ a.has-text-nexi-yellow-dark:hover, a.has-text-nexi-yellow-dark:focus { color: #36E9EA !important; opacity: 1; } .hero.is-nexi-cyan .tabs.is-boxed a, .hero.is-nexi-cyan .tabs.is-toggle a { - color: findColorInvert(#36E9EA); } + color: rgba(0, 0, 0, 0.7); } .hero.is-nexi-cyan .tabs.is-boxed a:hover, .hero.is-nexi-cyan .tabs.is-toggle a:hover { background-color: rgba(10, 10, 10, 0.1); } .hero.is-nexi-cyan .tabs.is-boxed li.is-active a, .hero.is-nexi-cyan .tabs.is-boxed li.is-active a:hover, .hero.is-nexi-cyan .tabs.is-toggle li.is-active a, .hero.is-nexi-cyan .tabs.is-toggle li.is-active a:hover { - background-color: findColorInvert(#36E9EA); - border-color: findColorInvert(#36E9EA); + background-color: rgba(0, 0, 0, 0.7); + border-color: rgba(0, 0, 0, 0.7); color: #36E9EA; } .hero.is-nexi-cyan.is-bold { background-image: linear-gradient(141deg, #0be2c0 0%, #36E9EA 71%, #48d4f1 100%); } @@ -11347,30 +11369,30 @@ a.has-text-nexi-yellow-dark:hover, a.has-text-nexi-yellow-dark:focus { background-image: linear-gradient(141deg, #0be2c0 0%, #36E9EA 71%, #48d4f1 100%); } } .hero.is-nexi-purple { background-color: #A625EA; - color: findColorInvert(#A625EA); } + color: #fff; } .hero.is-nexi-purple a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-nexi-purple strong { color: inherit; } .hero.is-nexi-purple .title { - color: findColorInvert(#A625EA); } + color: #fff; } .hero.is-nexi-purple .subtitle { - color: findColorInvert(#A625EA); } + color: rgba(255, 255, 255, 0.9); } .hero.is-nexi-purple .subtitle a:not(.button), .hero.is-nexi-purple .subtitle strong { - color: findColorInvert(#A625EA); } + color: #fff; } @media screen and (max-width: 1023px) { .hero.is-nexi-purple .navbar-menu { background-color: #A625EA; } } .hero.is-nexi-purple .navbar-item, .hero.is-nexi-purple .navbar-link { - color: findColorInvert(#A625EA); } + color: rgba(255, 255, 255, 0.7); } .hero.is-nexi-purple a.navbar-item:hover, .hero.is-nexi-purple a.navbar-item.is-active, .hero.is-nexi-purple .navbar-link:hover, .hero.is-nexi-purple .navbar-link.is-active { background-color: #9a16e0; - color: findColorInvert(#A625EA); } + color: #fff; } .hero.is-nexi-purple .tabs a { - color: findColorInvert(#A625EA); + color: #fff; opacity: 0.9; } .hero.is-nexi-purple .tabs a:hover { opacity: 1; } @@ -11378,12 +11400,12 @@ a.has-text-nexi-yellow-dark:hover, a.has-text-nexi-yellow-dark:focus { color: #A625EA !important; opacity: 1; } .hero.is-nexi-purple .tabs.is-boxed a, .hero.is-nexi-purple .tabs.is-toggle a { - color: findColorInvert(#A625EA); } + color: #fff; } .hero.is-nexi-purple .tabs.is-boxed a:hover, .hero.is-nexi-purple .tabs.is-toggle a:hover { background-color: rgba(10, 10, 10, 0.1); } .hero.is-nexi-purple .tabs.is-boxed li.is-active a, .hero.is-nexi-purple .tabs.is-boxed li.is-active a:hover, .hero.is-nexi-purple .tabs.is-toggle li.is-active a, .hero.is-nexi-purple .tabs.is-toggle li.is-active a:hover { - background-color: findColorInvert(#A625EA); - border-color: findColorInvert(#A625EA); + background-color: #fff; + border-color: #fff; color: #A625EA; } .hero.is-nexi-purple.is-bold { background-image: linear-gradient(141deg, #6c08d4 0%, #A625EA 71%, #d037f2 100%); } @@ -11392,30 +11414,30 @@ a.has-text-nexi-yellow-dark:hover, a.has-text-nexi-yellow-dark:focus { background-image: linear-gradient(141deg, #6c08d4 0%, #A625EA 71%, #d037f2 100%); } } .hero.is-nexi-orange { background-color: #F17C25; - color: findColorInvert(#F17C25); } + color: #fff; } .hero.is-nexi-orange a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-nexi-orange strong { color: inherit; } .hero.is-nexi-orange .title { - color: findColorInvert(#F17C25); } + color: #fff; } .hero.is-nexi-orange .subtitle { - color: findColorInvert(#F17C25); } + color: rgba(255, 255, 255, 0.9); } .hero.is-nexi-orange .subtitle a:not(.button), .hero.is-nexi-orange .subtitle strong { - color: findColorInvert(#F17C25); } + color: #fff; } @media screen and (max-width: 1023px) { .hero.is-nexi-orange .navbar-menu { background-color: #F17C25; } } .hero.is-nexi-orange .navbar-item, .hero.is-nexi-orange .navbar-link { - color: findColorInvert(#F17C25); } + color: rgba(255, 255, 255, 0.7); } .hero.is-nexi-orange a.navbar-item:hover, .hero.is-nexi-orange a.navbar-item.is-active, .hero.is-nexi-orange .navbar-link:hover, .hero.is-nexi-orange .navbar-link.is-active { background-color: #ed6e0f; - color: findColorInvert(#F17C25); } + color: #fff; } .hero.is-nexi-orange .tabs a { - color: findColorInvert(#F17C25); + color: #fff; opacity: 0.9; } .hero.is-nexi-orange .tabs a:hover { opacity: 1; } @@ -11423,12 +11445,12 @@ a.has-text-nexi-yellow-dark:hover, a.has-text-nexi-yellow-dark:focus { color: #F17C25 !important; opacity: 1; } .hero.is-nexi-orange .tabs.is-boxed a, .hero.is-nexi-orange .tabs.is-toggle a { - color: findColorInvert(#F17C25); } + color: #fff; } .hero.is-nexi-orange .tabs.is-boxed a:hover, .hero.is-nexi-orange .tabs.is-toggle a:hover { background-color: rgba(10, 10, 10, 0.1); } .hero.is-nexi-orange .tabs.is-boxed li.is-active a, .hero.is-nexi-orange .tabs.is-boxed li.is-active a:hover, .hero.is-nexi-orange .tabs.is-toggle li.is-active a, .hero.is-nexi-orange .tabs.is-toggle li.is-active a:hover { - background-color: findColorInvert(#F17C25); - border-color: findColorInvert(#F17C25); + background-color: #fff; + border-color: #fff; color: #F17C25; } .hero.is-nexi-orange.is-bold { background-image: linear-gradient(141deg, #e13c02 0%, #F17C25 71%, #f8aa38 100%); } @@ -11437,30 +11459,30 @@ a.has-text-nexi-yellow-dark:hover, a.has-text-nexi-yellow-dark:focus { background-image: linear-gradient(141deg, #e13c02 0%, #F17C25 71%, #f8aa38 100%); } } .hero.is-nexi-darker-orange { background-color: #F44336; - color: findColorInvert(#F44336); } + color: #fff; } .hero.is-nexi-darker-orange a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-nexi-darker-orange strong { color: inherit; } .hero.is-nexi-darker-orange .title { - color: findColorInvert(#F44336); } + color: #fff; } .hero.is-nexi-darker-orange .subtitle { - color: findColorInvert(#F44336); } + color: rgba(255, 255, 255, 0.9); } .hero.is-nexi-darker-orange .subtitle a:not(.button), .hero.is-nexi-darker-orange .subtitle strong { - color: findColorInvert(#F44336); } + color: #fff; } @media screen and (max-width: 1023px) { .hero.is-nexi-darker-orange .navbar-menu { background-color: #F44336; } } .hero.is-nexi-darker-orange .navbar-item, .hero.is-nexi-darker-orange .navbar-link { - color: findColorInvert(#F44336); } + color: rgba(255, 255, 255, 0.7); } .hero.is-nexi-darker-orange a.navbar-item:hover, .hero.is-nexi-darker-orange a.navbar-item.is-active, .hero.is-nexi-darker-orange .navbar-link:hover, .hero.is-nexi-darker-orange .navbar-link.is-active { background-color: #f32c1e; - color: findColorInvert(#F44336); } + color: #fff; } .hero.is-nexi-darker-orange .tabs a { - color: findColorInvert(#F44336); + color: #fff; opacity: 0.9; } .hero.is-nexi-darker-orange .tabs a:hover { opacity: 1; } @@ -11468,12 +11490,12 @@ a.has-text-nexi-yellow-dark:hover, a.has-text-nexi-yellow-dark:focus { color: #F44336 !important; opacity: 1; } .hero.is-nexi-darker-orange .tabs.is-boxed a, .hero.is-nexi-darker-orange .tabs.is-toggle a { - color: findColorInvert(#F44336); } + color: #fff; } .hero.is-nexi-darker-orange .tabs.is-boxed a:hover, .hero.is-nexi-darker-orange .tabs.is-toggle a:hover { background-color: rgba(10, 10, 10, 0.1); } .hero.is-nexi-darker-orange .tabs.is-boxed li.is-active a, .hero.is-nexi-darker-orange .tabs.is-boxed li.is-active a:hover, .hero.is-nexi-darker-orange .tabs.is-toggle li.is-active a, .hero.is-nexi-darker-orange .tabs.is-toggle li.is-active a:hover { - background-color: findColorInvert(#F44336); - border-color: findColorInvert(#F44336); + background-color: #fff; + border-color: #fff; color: #F44336; } .hero.is-nexi-darker-orange.is-bold { background-image: linear-gradient(141deg, #f70019 0%, #F44336 71%, #fa734a 100%); } @@ -11482,30 +11504,30 @@ a.has-text-nexi-yellow-dark:hover, a.has-text-nexi-yellow-dark:focus { background-image: linear-gradient(141deg, #f70019 0%, #F44336 71%, #fa734a 100%); } } .hero.is-nexi-yellow { background-color: #FFC107; - color: findColorInvert(#FFC107); } + color: rgba(0, 0, 0, 0.7); } .hero.is-nexi-yellow a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-nexi-yellow strong { color: inherit; } .hero.is-nexi-yellow .title { - color: findColorInvert(#FFC107); } + color: rgba(0, 0, 0, 0.7); } .hero.is-nexi-yellow .subtitle { - color: findColorInvert(#FFC107); } + color: rgba(0, 0, 0, 0.9); } .hero.is-nexi-yellow .subtitle a:not(.button), .hero.is-nexi-yellow .subtitle strong { - color: findColorInvert(#FFC107); } + color: rgba(0, 0, 0, 0.7); } @media screen and (max-width: 1023px) { .hero.is-nexi-yellow .navbar-menu { background-color: #FFC107; } } .hero.is-nexi-yellow .navbar-item, .hero.is-nexi-yellow .navbar-link { - color: findColorInvert(#FFC107); } + color: rgba(0, 0, 0, 0.7); } .hero.is-nexi-yellow a.navbar-item:hover, .hero.is-nexi-yellow a.navbar-item.is-active, .hero.is-nexi-yellow .navbar-link:hover, .hero.is-nexi-yellow .navbar-link.is-active { background-color: #edb100; - color: findColorInvert(#FFC107); } + color: rgba(0, 0, 0, 0.7); } .hero.is-nexi-yellow .tabs a { - color: findColorInvert(#FFC107); + color: rgba(0, 0, 0, 0.7); opacity: 0.9; } .hero.is-nexi-yellow .tabs a:hover { opacity: 1; } @@ -11513,12 +11535,12 @@ a.has-text-nexi-yellow-dark:hover, a.has-text-nexi-yellow-dark:focus { color: #FFC107 !important; opacity: 1; } .hero.is-nexi-yellow .tabs.is-boxed a, .hero.is-nexi-yellow .tabs.is-toggle a { - color: findColorInvert(#FFC107); } + color: rgba(0, 0, 0, 0.7); } .hero.is-nexi-yellow .tabs.is-boxed a:hover, .hero.is-nexi-yellow .tabs.is-toggle a:hover { background-color: rgba(10, 10, 10, 0.1); } .hero.is-nexi-yellow .tabs.is-boxed li.is-active a, .hero.is-nexi-yellow .tabs.is-boxed li.is-active a:hover, .hero.is-nexi-yellow .tabs.is-toggle li.is-active a, .hero.is-nexi-yellow .tabs.is-toggle li.is-active a:hover { - background-color: findColorInvert(#FFC107); - border-color: findColorInvert(#FFC107); + background-color: rgba(0, 0, 0, 0.7); + border-color: rgba(0, 0, 0, 0.7); color: #FFC107; } .hero.is-nexi-yellow.is-bold { background-image: linear-gradient(141deg, #d37b00 0%, #FFC107 71%, #ffec21 100%); } diff --git a/priceybot2/static/scripts/dark-mode.js b/priceybot2/static/scripts/dark-mode.js new file mode 100644 index 0000000..65a235a --- /dev/null +++ b/priceybot2/static/scripts/dark-mode.js @@ -0,0 +1,72 @@ +// Set theme on load. +function init() { + // Default to light theme. + let theme = 'light' + + // Check media query prefer and set it as dark. + if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) { + theme = 'dark'; + } + + // Add event handler so if they change media query it'll update. overkill? yes. + window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', event => { + let theme = event.matches ? "dark" : "light"; + + applyTheme(theme); + }); + + // If they have manually changed it use that theme instead. + theme = localStorage.getItem("theme") ?? theme + + // Set it on body. + document.body.dataset.theme = theme; + + // If dark-mode was toggle above we need to fix the icon. + let toggle = document.getElementsByName("dark-mode-toggle")[0]; + + // if it's already dark check it. + toggle.checked = theme === 'dark'; + + applyTheme(theme); +} + +// Toggle the theme. +function darkLight() { + // Get current theme. + let element = document.body; + + // Invert it. + switch (element.dataset.theme) { + case "light": + element.dataset.theme = "dark"; + break; + case "dark": + element.dataset.theme = "light"; + break; + } + localStorage.setItem("theme", element.dataset.theme); + + applyTheme(element.dataset.theme); +} + +// Apply theme +function applyTheme(theme) { + let primaryElements + // Find elements and update class. + switch (theme) { + case 'dark': + primaryElements = Array.from(document.querySelectorAll('.is-primary-invert')); + primaryElements.forEach((element) => { + element.classList.remove('is-primary-invert'); + element.classList.add('is-primary'); + }); + break; + case 'light': + primaryElements = Array.from(document.querySelectorAll('.is-primary')); + primaryElements.forEach((element) => { + element.classList.remove('is-primary'); + element.classList.add('is-primary-invert'); + }); + break; + } +} \ No newline at end of file diff --git a/priceybot2/templates/base.html b/priceybot2/templates/base.html index 4e5aa44..9a960b2 100644 --- a/priceybot2/templates/base.html +++ b/priceybot2/templates/base.html @@ -1,56 +1,60 @@ +
+ + + +