Color Fixing

This commit is contained in:
nelle 2023-01-27 17:29:36 -07:00
parent 1ab53f67e4
commit b3d074f778
2 changed files with 109 additions and 110 deletions

View file

@ -166,7 +166,7 @@ th {
text-align: inherit; } text-align: inherit; }
html { html {
background-color: #332e33; background-color: #181618;
font-size: 16px; font-size: 16px;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
@ -206,7 +206,7 @@ body {
line-height: 1.5; } line-height: 1.5; }
a { a {
color: #FA7C91; color: #F5A9B8;
cursor: pointer; cursor: pointer;
text-decoration: none; } text-decoration: none; }
a strong { a strong {
@ -315,7 +315,7 @@ table th {
border-color: #485fc7; border-color: #485fc7;
color: #363636; } color: #363636; }
.button:focus:not(:active), .button.is-focused:not(:active) { .button:focus:not(:active), .button.is-focused:not(:active) {
box-shadow: 0 0 0 0.125em rgba(250, 124, 145, 0.25); } box-shadow: 0 0 0 0.125em rgba(245, 169, 184, 0.25); }
.button:active, .button.is-active { .button:active, .button.is-active {
border-color: #a45e8d; border-color: #a45e8d;
color: #363636; } color: #363636; }
@ -338,10 +338,10 @@ table th {
.button.is-ghost { .button.is-ghost {
background: none; background: none;
border-color: transparent; border-color: transparent;
color: #FA7C91; color: #F5A9B8;
text-decoration: none; } text-decoration: none; }
.button.is-ghost:hover, .button.is-ghost.is-hovered { .button.is-ghost:hover, .button.is-ghost.is-hovered {
color: #FA7C91; color: #F5A9B8;
text-decoration: underline; } text-decoration: underline; }
.button.is-white { .button.is-white {
background-color: white; background-color: white;
@ -695,84 +695,84 @@ table th {
border-color: transparent; border-color: transparent;
color: #00946f; } color: #00946f; }
.button.is-link { .button.is-link {
background-color: #FA7C91; background-color: #F5A9B8;
border-color: transparent; border-color: transparent;
color: #fff; } color: rgba(0, 0, 0, 0.7); }
.button.is-link:hover, .button.is-link.is-hovered { .button.is-link:hover, .button.is-link.is-hovered {
background-color: #fa7087; background-color: #f49eaf;
border-color: transparent; border-color: transparent;
color: #fff; } color: rgba(0, 0, 0, 0.7); }
.button.is-link:focus, .button.is-link.is-focused { .button.is-link:focus, .button.is-link.is-focused {
border-color: transparent; border-color: transparent;
color: #fff; } color: rgba(0, 0, 0, 0.7); }
.button.is-link:focus:not(:active), .button.is-link.is-focused:not(:active) { .button.is-link:focus:not(:active), .button.is-link.is-focused:not(:active) {
box-shadow: 0 0 0 0.125em rgba(250, 124, 145, 0.25); } box-shadow: 0 0 0 0.125em rgba(245, 169, 184, 0.25); }
.button.is-link:active, .button.is-link.is-active { .button.is-link:active, .button.is-link.is-active {
background-color: #f9637c; background-color: #f292a5;
border-color: transparent; border-color: transparent;
color: #fff; } color: rgba(0, 0, 0, 0.7); }
.button.is-link[disabled], .button.is-link[disabled],
fieldset[disabled] .button.is-link { fieldset[disabled] .button.is-link {
background-color: #FA7C91; background-color: #F5A9B8;
border-color: #FA7C91; border-color: #F5A9B8;
box-shadow: none; } box-shadow: none; }
.button.is-link.is-inverted { .button.is-link.is-inverted {
background-color: #fff; background-color: rgba(0, 0, 0, 0.7);
color: #FA7C91; } color: #F5A9B8; }
.button.is-link.is-inverted:hover, .button.is-link.is-inverted.is-hovered { .button.is-link.is-inverted:hover, .button.is-link.is-inverted.is-hovered {
background-color: #f2f2f2; } background-color: rgba(0, 0, 0, 0.7); }
.button.is-link.is-inverted[disabled], .button.is-link.is-inverted[disabled],
fieldset[disabled] .button.is-link.is-inverted { fieldset[disabled] .button.is-link.is-inverted {
background-color: #fff; background-color: rgba(0, 0, 0, 0.7);
border-color: transparent; border-color: transparent;
box-shadow: none; box-shadow: none;
color: #FA7C91; } color: #F5A9B8; }
.button.is-link.is-loading::after { .button.is-link.is-loading::after {
border-color: transparent transparent #fff #fff !important; } border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; }
.button.is-link.is-outlined { .button.is-link.is-outlined {
background-color: transparent; background-color: transparent;
border-color: #FA7C91; border-color: #F5A9B8;
color: #FA7C91; } color: #F5A9B8; }
.button.is-link.is-outlined:hover, .button.is-link.is-outlined.is-hovered, .button.is-link.is-outlined:focus, .button.is-link.is-outlined.is-focused { .button.is-link.is-outlined:hover, .button.is-link.is-outlined.is-hovered, .button.is-link.is-outlined:focus, .button.is-link.is-outlined.is-focused {
background-color: #FA7C91; background-color: #F5A9B8;
border-color: #FA7C91; border-color: #F5A9B8;
color: #fff; } color: rgba(0, 0, 0, 0.7); }
.button.is-link.is-outlined.is-loading::after { .button.is-link.is-outlined.is-loading::after {
border-color: transparent transparent #FA7C91 #FA7C91 !important; } border-color: transparent transparent #F5A9B8 #F5A9B8 !important; }
.button.is-link.is-outlined.is-loading:hover::after, .button.is-link.is-outlined.is-loading.is-hovered::after, .button.is-link.is-outlined.is-loading:focus::after, .button.is-link.is-outlined.is-loading.is-focused::after { .button.is-link.is-outlined.is-loading:hover::after, .button.is-link.is-outlined.is-loading.is-hovered::after, .button.is-link.is-outlined.is-loading:focus::after, .button.is-link.is-outlined.is-loading.is-focused::after {
border-color: transparent transparent #fff #fff !important; } border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; }
.button.is-link.is-outlined[disabled], .button.is-link.is-outlined[disabled],
fieldset[disabled] .button.is-link.is-outlined { fieldset[disabled] .button.is-link.is-outlined {
background-color: transparent; background-color: transparent;
border-color: #FA7C91; border-color: #F5A9B8;
box-shadow: none; box-shadow: none;
color: #FA7C91; } color: #F5A9B8; }
.button.is-link.is-inverted.is-outlined { .button.is-link.is-inverted.is-outlined {
background-color: transparent; background-color: transparent;
border-color: #fff; border-color: rgba(0, 0, 0, 0.7);
color: #fff; } color: rgba(0, 0, 0, 0.7); }
.button.is-link.is-inverted.is-outlined:hover, .button.is-link.is-inverted.is-outlined.is-hovered, .button.is-link.is-inverted.is-outlined:focus, .button.is-link.is-inverted.is-outlined.is-focused { .button.is-link.is-inverted.is-outlined:hover, .button.is-link.is-inverted.is-outlined.is-hovered, .button.is-link.is-inverted.is-outlined:focus, .button.is-link.is-inverted.is-outlined.is-focused {
background-color: #fff; background-color: rgba(0, 0, 0, 0.7);
color: #FA7C91; } color: #F5A9B8; }
.button.is-link.is-inverted.is-outlined.is-loading:hover::after, .button.is-link.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-link.is-inverted.is-outlined.is-loading:focus::after, .button.is-link.is-inverted.is-outlined.is-loading.is-focused::after { .button.is-link.is-inverted.is-outlined.is-loading:hover::after, .button.is-link.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-link.is-inverted.is-outlined.is-loading:focus::after, .button.is-link.is-inverted.is-outlined.is-loading.is-focused::after {
border-color: transparent transparent #FA7C91 #FA7C91 !important; } border-color: transparent transparent #F5A9B8 #F5A9B8 !important; }
.button.is-link.is-inverted.is-outlined[disabled], .button.is-link.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-link.is-inverted.is-outlined { fieldset[disabled] .button.is-link.is-inverted.is-outlined {
background-color: transparent; background-color: transparent;
border-color: #fff; border-color: rgba(0, 0, 0, 0.7);
box-shadow: none; box-shadow: none;
color: #fff; } color: rgba(0, 0, 0, 0.7); }
.button.is-link.is-light { .button.is-link.is-light {
background-color: #feebef; background-color: #fdedf0;
color: #ac0722; } color: #840f27; }
.button.is-link.is-light:hover, .button.is-link.is-light.is-hovered { .button.is-link.is-light:hover, .button.is-link.is-light.is-hovered {
background-color: #fedfe4; background-color: #fce1e6;
border-color: transparent; border-color: transparent;
color: #ac0722; } color: #840f27; }
.button.is-link.is-light:active, .button.is-link.is-light.is-active { .button.is-link.is-light:active, .button.is-link.is-light.is-active {
background-color: #fdd3da; background-color: #fad6dd;
border-color: transparent; border-color: transparent;
color: #ac0722; } color: #840f27; }
.button.is-info { .button.is-info {
background-color: #3e8ed0; background-color: #3e8ed0;
border-color: transparent; border-color: transparent;
@ -1286,20 +1286,20 @@ table th {
background-color: white; background-color: white;
border-color: transparent; border-color: transparent;
border-radius: 4px; border-radius: 4px;
color: #FA7C91; } color: #F5A9B8; }
.input::-moz-placeholder, .textarea::-moz-placeholder, .select select::-moz-placeholder { .input::-moz-placeholder, .textarea::-moz-placeholder, .select select::-moz-placeholder {
color: rgba(250, 124, 145, 0.3); } color: rgba(245, 169, 184, 0.3); }
.input::-webkit-input-placeholder, .textarea::-webkit-input-placeholder, .select select::-webkit-input-placeholder { .input::-webkit-input-placeholder, .textarea::-webkit-input-placeholder, .select select::-webkit-input-placeholder {
color: rgba(250, 124, 145, 0.3); } color: rgba(245, 169, 184, 0.3); }
.input:-moz-placeholder, .textarea:-moz-placeholder, .select select:-moz-placeholder { .input:-moz-placeholder, .textarea:-moz-placeholder, .select select:-moz-placeholder {
color: rgba(250, 124, 145, 0.3); } color: rgba(245, 169, 184, 0.3); }
.input:-ms-input-placeholder, .textarea:-ms-input-placeholder, .select select:-ms-input-placeholder { .input:-ms-input-placeholder, .textarea:-ms-input-placeholder, .select select:-ms-input-placeholder {
color: rgba(250, 124, 145, 0.3); } color: rgba(245, 169, 184, 0.3); }
.input:hover, .textarea:hover, .select select:hover, .is-hovered.input, .is-hovered.textarea, .select select.is-hovered { .input:hover, .textarea:hover, .select select:hover, .is-hovered.input, .is-hovered.textarea, .select select.is-hovered {
border-color: #eaeaea; } border-color: #eaeaea; }
.input:focus, .textarea:focus, .select select:focus, .is-focused.input, .is-focused.textarea, .select select.is-focused, .input:active, .textarea:active, .select select:active, .is-active.input, .is-active.textarea, .select select.is-active { .input:focus, .textarea:focus, .select select:focus, .is-focused.input, .is-focused.textarea, .select select.is-focused, .input:active, .textarea:active, .select select:active, .is-active.input, .is-active.textarea, .select select.is-active {
border-color: #FA7C91; border-color: #F5A9B8;
box-shadow: 0 0 0 0.125em rgba(250, 124, 145, 0.25); } box-shadow: 0 0 0 0.125em rgba(245, 169, 184, 0.25); }
.input[disabled], .textarea[disabled], .select select[disabled], .input[disabled], .textarea[disabled], .select select[disabled],
fieldset[disabled] .input, fieldset[disabled] .input,
fieldset[disabled] .textarea, fieldset[disabled] .textarea,
@ -1361,9 +1361,9 @@ table th {
.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 { .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(0, 253, 190, 0.25); } box-shadow: 0 0 0 0.125em rgba(0, 253, 190, 0.25); }
.is-link.input, .is-link.textarea { .is-link.input, .is-link.textarea {
border-color: #FA7C91; } border-color: #F5A9B8; }
.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 { .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 {
box-shadow: 0 0 0 0.125em rgba(250, 124, 145, 0.25); } box-shadow: 0 0 0 0.125em rgba(245, 169, 184, 0.25); }
.is-info.input, .is-info.textarea { .is-info.input, .is-info.textarea {
border-color: #3e8ed0; } border-color: #3e8ed0; }
.is-info.input:focus, .is-info.textarea:focus, .is-info.is-focused.input, .is-info.is-focused.textarea, .is-info.input:active, .is-info.textarea:active, .is-info.is-active.input, .is-info.is-active.textarea { .is-info.input:focus, .is-info.textarea:focus, .is-info.is-focused.input, .is-info.is-focused.textarea, .is-info.input:active, .is-info.textarea:active, .is-info.is-active.input, .is-info.is-active.textarea {
@ -1448,7 +1448,7 @@ table th {
.select:not(.is-multiple) { .select:not(.is-multiple) {
height: 2.5em; } height: 2.5em; }
.select:not(.is-multiple):not(.is-loading)::after { .select:not(.is-multiple):not(.is-loading)::after {
border-color: #FA7C91; border-color: #F5A9B8;
right: 1.125em; right: 1.125em;
z-index: 4; } z-index: 4; }
.select.is-rounded select { .select.is-rounded select {
@ -1515,13 +1515,13 @@ table th {
.select.is-primary select:focus, .select.is-primary select.is-focused, .select.is-primary select:active, .select.is-primary select.is-active { .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(0, 253, 190, 0.25); } box-shadow: 0 0 0 0.125em rgba(0, 253, 190, 0.25); }
.select.is-link:not(:hover)::after { .select.is-link:not(:hover)::after {
border-color: #FA7C91; } border-color: #F5A9B8; }
.select.is-link select { .select.is-link select {
border-color: #FA7C91; } border-color: #F5A9B8; }
.select.is-link select:hover, .select.is-link select.is-hovered { .select.is-link select:hover, .select.is-link select.is-hovered {
border-color: #f9637c; } border-color: #f292a5; }
.select.is-link select:focus, .select.is-link select.is-focused, .select.is-link select:active, .select.is-link select.is-active { .select.is-link select:focus, .select.is-link select.is-focused, .select.is-link select:active, .select.is-link select.is-active {
box-shadow: 0 0 0 0.125em rgba(250, 124, 145, 0.25); } box-shadow: 0 0 0 0.125em rgba(245, 169, 184, 0.25); }
.select.is-info:not(:hover)::after { .select.is-info:not(:hover)::after {
border-color: #3e8ed0; } border-color: #3e8ed0; }
.select.is-info select { .select.is-info select {
@ -1667,21 +1667,21 @@ table th {
border-color: transparent; border-color: transparent;
color: rgba(0, 0, 0, 0.7); } color: rgba(0, 0, 0, 0.7); }
.file.is-link .file-cta { .file.is-link .file-cta {
background-color: #FA7C91; background-color: #F5A9B8;
border-color: transparent; border-color: transparent;
color: #fff; } color: rgba(0, 0, 0, 0.7); }
.file.is-link:hover .file-cta, .file.is-link.is-hovered .file-cta { .file.is-link:hover .file-cta, .file.is-link.is-hovered .file-cta {
background-color: #fa7087; background-color: #f49eaf;
border-color: transparent; border-color: transparent;
color: #fff; } color: rgba(0, 0, 0, 0.7); }
.file.is-link:focus .file-cta, .file.is-link.is-focused .file-cta { .file.is-link:focus .file-cta, .file.is-link.is-focused .file-cta {
border-color: transparent; border-color: transparent;
box-shadow: 0 0 0.5em rgba(250, 124, 145, 0.25); box-shadow: 0 0 0.5em rgba(245, 169, 184, 0.25);
color: #fff; } color: rgba(0, 0, 0, 0.7); }
.file.is-link:active .file-cta, .file.is-link.is-active .file-cta { .file.is-link:active .file-cta, .file.is-link.is-active .file-cta {
background-color: #f9637c; background-color: #f292a5;
border-color: transparent; border-color: transparent;
color: #fff; } color: rgba(0, 0, 0, 0.7); }
.file.is-info .file-cta { .file.is-info .file-cta {
background-color: #3e8ed0; background-color: #3e8ed0;
border-color: transparent; border-color: transparent;
@ -1897,7 +1897,7 @@ table th {
.help.is-primary { .help.is-primary {
color: #00fdbe; } color: #00fdbe; }
.help.is-link { .help.is-link {
color: #FA7C91; } color: #F5A9B8; }
.help.is-info { .help.is-info {
color: #3e8ed0; } color: #3e8ed0; }
.help.is-success { .help.is-success {
@ -2321,27 +2321,27 @@ table th {
background-color: #00fdbe; background-color: #00fdbe;
color: rgba(0, 0, 0, 0.7); } } color: rgba(0, 0, 0, 0.7); } }
.navbar.is-link { .navbar.is-link {
background-color: #FA7C91; background-color: #F5A9B8;
color: #fff; } color: rgba(0, 0, 0, 0.7); }
.navbar.is-link .navbar-brand > .navbar-item, .navbar.is-link .navbar-brand > .navbar-item,
.navbar.is-link .navbar-brand .navbar-link { .navbar.is-link .navbar-brand .navbar-link {
color: #fff; } color: rgba(0, 0, 0, 0.7); }
.navbar.is-link .navbar-brand > a.navbar-item:focus, .navbar.is-link .navbar-brand > a.navbar-item:hover, .navbar.is-link .navbar-brand > a.navbar-item.is-active, .navbar.is-link .navbar-brand > a.navbar-item:focus, .navbar.is-link .navbar-brand > a.navbar-item:hover, .navbar.is-link .navbar-brand > a.navbar-item.is-active,
.navbar.is-link .navbar-brand .navbar-link:focus, .navbar.is-link .navbar-brand .navbar-link:focus,
.navbar.is-link .navbar-brand .navbar-link:hover, .navbar.is-link .navbar-brand .navbar-link:hover,
.navbar.is-link .navbar-brand .navbar-link.is-active { .navbar.is-link .navbar-brand .navbar-link.is-active {
background-color: #f9637c; background-color: #f292a5;
color: #fff; } color: rgba(0, 0, 0, 0.7); }
.navbar.is-link .navbar-brand .navbar-link::after { .navbar.is-link .navbar-brand .navbar-link::after {
border-color: #fff; } border-color: rgba(0, 0, 0, 0.7); }
.navbar.is-link .navbar-burger { .navbar.is-link .navbar-burger {
color: #fff; } color: rgba(0, 0, 0, 0.7); }
@media screen and (min-width: 1024px) { @media screen and (min-width: 1024px) {
.navbar.is-link .navbar-start > .navbar-item, .navbar.is-link .navbar-start > .navbar-item,
.navbar.is-link .navbar-start .navbar-link, .navbar.is-link .navbar-start .navbar-link,
.navbar.is-link .navbar-end > .navbar-item, .navbar.is-link .navbar-end > .navbar-item,
.navbar.is-link .navbar-end .navbar-link { .navbar.is-link .navbar-end .navbar-link {
color: #fff; } color: rgba(0, 0, 0, 0.7); }
.navbar.is-link .navbar-start > a.navbar-item:focus, .navbar.is-link .navbar-start > a.navbar-item:hover, .navbar.is-link .navbar-start > a.navbar-item.is-active, .navbar.is-link .navbar-start > a.navbar-item:focus, .navbar.is-link .navbar-start > a.navbar-item:hover, .navbar.is-link .navbar-start > a.navbar-item.is-active,
.navbar.is-link .navbar-start .navbar-link:focus, .navbar.is-link .navbar-start .navbar-link:focus,
.navbar.is-link .navbar-start .navbar-link:hover, .navbar.is-link .navbar-start .navbar-link:hover,
@ -2352,19 +2352,19 @@ table th {
.navbar.is-link .navbar-end .navbar-link:focus, .navbar.is-link .navbar-end .navbar-link:focus,
.navbar.is-link .navbar-end .navbar-link:hover, .navbar.is-link .navbar-end .navbar-link:hover,
.navbar.is-link .navbar-end .navbar-link.is-active { .navbar.is-link .navbar-end .navbar-link.is-active {
background-color: #f9637c; background-color: #f292a5;
color: #fff; } color: rgba(0, 0, 0, 0.7); }
.navbar.is-link .navbar-start .navbar-link::after, .navbar.is-link .navbar-start .navbar-link::after,
.navbar.is-link .navbar-end .navbar-link::after { .navbar.is-link .navbar-end .navbar-link::after {
border-color: #fff; } border-color: rgba(0, 0, 0, 0.7); }
.navbar.is-link .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-link .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-link .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-link .navbar-item.has-dropdown:hover .navbar-link,
.navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link { .navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link {
background-color: #f9637c; background-color: #f292a5;
color: #fff; } color: rgba(0, 0, 0, 0.7); }
.navbar.is-link .navbar-dropdown a.navbar-item.is-active { .navbar.is-link .navbar-dropdown a.navbar-item.is-active {
background-color: #FA7C91; background-color: #F5A9B8;
color: #fff; } } color: rgba(0, 0, 0, 0.7); } }
.navbar.is-info { .navbar.is-info {
background-color: #3e8ed0; background-color: #3e8ed0;
color: #fff; } color: #fff; }
@ -2651,7 +2651,7 @@ a.navbar-item,
.navbar-link:hover, .navbar-link:hover,
.navbar-link.is-active { .navbar-link.is-active {
background-color: #fafafa; background-color: #fafafa;
color: #FA7C91; } color: #F5A9B8; }
.navbar-item { .navbar-item {
flex-grow: 0; flex-grow: 0;
@ -2669,13 +2669,13 @@ a.navbar-item,
padding-bottom: calc(0.5rem - 1px); } padding-bottom: calc(0.5rem - 1px); }
.navbar-item.is-tab:focus, .navbar-item.is-tab:hover { .navbar-item.is-tab:focus, .navbar-item.is-tab:hover {
background-color: transparent; background-color: transparent;
border-bottom-color: #FA7C91; } border-bottom-color: #F5A9B8; }
.navbar-item.is-tab.is-active { .navbar-item.is-tab.is-active {
background-color: transparent; background-color: transparent;
border-bottom-color: #FA7C91; border-bottom-color: #F5A9B8;
border-bottom-style: solid; border-bottom-style: solid;
border-bottom-width: 3px; border-bottom-width: 3px;
color: #FA7C91; color: #F5A9B8;
padding-bottom: calc(0.5rem - 3px); } padding-bottom: calc(0.5rem - 3px); }
.navbar-content { .navbar-content {
@ -2685,7 +2685,7 @@ a.navbar-item,
.navbar-link:not(.is-arrowless) { .navbar-link:not(.is-arrowless) {
padding-right: 2.5em; } padding-right: 2.5em; }
.navbar-link:not(.is-arrowless)::after { .navbar-link:not(.is-arrowless)::after {
border-color: #FA7C91; border-color: #F5A9B8;
margin-top: -0.375em; margin-top: -0.375em;
right: 1.125em; } right: 1.125em; }
@ -2770,7 +2770,7 @@ a.navbar-item,
color: #0a0a0a; } color: #0a0a0a; }
.navbar.is-transparent .navbar-dropdown a.navbar-item.is-active { .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active {
background-color: whitesmoke; background-color: whitesmoke;
color: #FA7C91; } color: #F5A9B8; }
.navbar-burger { .navbar-burger {
display: none; } display: none; }
.navbar-item, .navbar-item,
@ -2826,7 +2826,7 @@ a.navbar-item,
color: #0a0a0a; } color: #0a0a0a; }
.navbar-dropdown a.navbar-item.is-active { .navbar-dropdown a.navbar-item.is-active {
background-color: whitesmoke; background-color: whitesmoke;
color: #FA7C91; } color: #F5A9B8; }
.navbar.is-spaced .navbar-dropdown, .navbar-dropdown.is-boxed { .navbar.is-spaced .navbar-dropdown, .navbar-dropdown.is-boxed {
border-radius: 6px; border-radius: 6px;
border-top: none; border-top: none;
@ -3119,50 +3119,50 @@ a.navbar-item,
.hero.is-primary.is-bold .navbar-menu { .hero.is-primary.is-bold .navbar-menu {
background-image: linear-gradient(141deg, #00ca76 0%, #00fdbe 71%, #18ffec 100%); } } background-image: linear-gradient(141deg, #00ca76 0%, #00fdbe 71%, #18ffec 100%); } }
.hero.is-link { .hero.is-link {
background-color: #FA7C91; background-color: #F5A9B8;
color: #fff; } color: rgba(0, 0, 0, 0.7); }
.hero.is-link a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-link a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-link strong { .hero.is-link strong {
color: inherit; } color: inherit; }
.hero.is-link .title { .hero.is-link .title {
color: #fff; } color: rgba(0, 0, 0, 0.7); }
.hero.is-link .subtitle { .hero.is-link .subtitle {
color: rgba(255, 255, 255, 0.9); } color: rgba(0, 0, 0, 0.9); }
.hero.is-link .subtitle a:not(.button), .hero.is-link .subtitle a:not(.button),
.hero.is-link .subtitle strong { .hero.is-link .subtitle strong {
color: #fff; } color: rgba(0, 0, 0, 0.7); }
@media screen and (max-width: 1023px) { @media screen and (max-width: 1023px) {
.hero.is-link .navbar-menu { .hero.is-link .navbar-menu {
background-color: #FA7C91; } } background-color: #F5A9B8; } }
.hero.is-link .navbar-item, .hero.is-link .navbar-item,
.hero.is-link .navbar-link { .hero.is-link .navbar-link {
color: rgba(255, 255, 255, 0.7); } color: rgba(0, 0, 0, 0.7); }
.hero.is-link a.navbar-item:hover, .hero.is-link a.navbar-item.is-active, .hero.is-link a.navbar-item:hover, .hero.is-link a.navbar-item.is-active,
.hero.is-link .navbar-link:hover, .hero.is-link .navbar-link:hover,
.hero.is-link .navbar-link.is-active { .hero.is-link .navbar-link.is-active {
background-color: #f9637c; background-color: #f292a5;
color: #fff; } color: rgba(0, 0, 0, 0.7); }
.hero.is-link .tabs a { .hero.is-link .tabs a {
color: #fff; color: rgba(0, 0, 0, 0.7);
opacity: 0.9; } opacity: 0.9; }
.hero.is-link .tabs a:hover { .hero.is-link .tabs a:hover {
opacity: 1; } opacity: 1; }
.hero.is-link .tabs li.is-active a { .hero.is-link .tabs li.is-active a {
color: #FA7C91 !important; color: #F5A9B8 !important;
opacity: 1; } opacity: 1; }
.hero.is-link .tabs.is-boxed a, .hero.is-link .tabs.is-toggle a { .hero.is-link .tabs.is-boxed a, .hero.is-link .tabs.is-toggle a {
color: #fff; } color: rgba(0, 0, 0, 0.7); }
.hero.is-link .tabs.is-boxed a:hover, .hero.is-link .tabs.is-toggle a:hover { .hero.is-link .tabs.is-boxed a:hover, .hero.is-link .tabs.is-toggle a:hover {
background-color: rgba(10, 10, 10, 0.1); } background-color: rgba(10, 10, 10, 0.1); }
.hero.is-link .tabs.is-boxed li.is-active a, .hero.is-link .tabs.is-boxed li.is-active a:hover, .hero.is-link .tabs.is-toggle li.is-active a, .hero.is-link .tabs.is-toggle li.is-active a:hover { .hero.is-link .tabs.is-boxed li.is-active a, .hero.is-link .tabs.is-boxed li.is-active a:hover, .hero.is-link .tabs.is-toggle li.is-active a, .hero.is-link .tabs.is-toggle li.is-active a:hover {
background-color: #fff; background-color: rgba(0, 0, 0, 0.7);
border-color: #fff; border-color: rgba(0, 0, 0, 0.7);
color: #FA7C91; } color: #F5A9B8; }
.hero.is-link.is-bold { .hero.is-link.is-bold {
background-image: linear-gradient(141deg, #ff4482 0%, #FA7C91 71%, #fe9292 100%); } background-image: linear-gradient(141deg, #f774a4 0%, #F5A9B8 71%, #f9bec0 100%); }
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
.hero.is-link.is-bold .navbar-menu { .hero.is-link.is-bold .navbar-menu {
background-image: linear-gradient(141deg, #ff4482 0%, #FA7C91 71%, #fe9292 100%); } } background-image: linear-gradient(141deg, #f774a4 0%, #F5A9B8 71%, #f9bec0 100%); } }
.hero.is-info { .hero.is-info {
background-color: #3e8ed0; background-color: #3e8ed0;
color: #fff; } color: #fff; }

View file

@ -8,8 +8,7 @@ $lime:#00fdbe;
$purple: #a45e8d; $purple: #a45e8d;
$pink: #F5A9B8; $pink: #F5A9B8;
$beige-light: #eaeaea; $beige-light: #eaeaea;
$purple-dark: #332e33; $off-dark: #181516;
$off-black: #111111;
// Update Bulma's global variables // Update Bulma's global variables
$family-sans-serif: "Nunito", sans-serif; $family-sans-serif: "Nunito", sans-serif;
@ -28,11 +27,11 @@ $input-shadow: none;
//my shit //my shit
$title-color: $off-black; $title-color: $lime;
$input-color: $link; $input-color: $link;
$primary: $off-black; $primary: $lime;
$text-strong: $grey-light; $text-strong: $grey-light;
$navbar-background-color: $off-black; $navbar-background-color: $off-dark;
$navbar-item-color: $grey-dark; $navbar-item-color: $grey-dark;