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

View file

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