moon
/
soapbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

--primary-color-faint -> --primary-text-color-faint

This commit is contained in:
Alex Gleason 2020-05-31 21:16:32 -05:00
parent d12bc38112
commit f3f647961e
No known key found for this signature in database
GPG Key ID: 7211D1F99744FBB7
21 changed files with 88 additions and 88 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/styles/soapbox-light/diff.scss
View File

@ -87,7 +87,7 @@
// .dropdown-menu { // .dropdown-menu {
// &__item { // &__item {
// a { // a {
// color: var(--primary-color-faint); // color: var(--primary-text-color-faint);
// } // }
// } // }
// } // }
@ -219,7 +219,7 @@
// } // }
// //
// .username { // .username {
// color: var(--primary-color-faint); // color: var(--primary-text-color-faint);
// } // }
// //
// .account__header__content { // .account__header__content {
@ -251,7 +251,7 @@
// //
// .simple_form select, // .simple_form select,
// .admin select.dropdown { // .admin select.dropdown {
// border-color: var(--primary-color-faint); // border-color: var(--primary-text-color-faint);
// } // }
// //
// .button.logo-button { // .button.logo-button {
@ -342,7 +342,7 @@
// &.standard { // &.standard {
// @include input-placeholder($gab-secondary-text); // @include input-placeholder($gab-secondary-text);
// color: $gab-placeholder-accent; // color: $gab-placeholder-accent;
// border-color: var(--primary-color-faint); // border-color: var(--primary-text-color-faint);
// background: $gab-background-base-light; // background: $gab-background-base-light;
// } // }
// } // }

4
app/styles/soapbox/_mixins.scss
View File

@ -42,7 +42,7 @@
border: 1px $gab-placeholder-accent solid; border: 1px $gab-placeholder-accent solid;
box-shadow: none; box-shadow: none;
font-family: inherit; font-family: inherit;
background: $nav-ui-search-bg-color; background: var(--background-color);
color: var(--highlight-text-color); color: var(--highlight-text-color);
margin: 0; margin: 0;
border-radius: 4px; border-radius: 4px;
@ -72,7 +72,7 @@
border: 1px solid $gab-placeholder-accent; border: 1px solid $gab-placeholder-accent;
padding: 8px 10px 17px; padding: 8px 10px 17px;
margin: 4px 0 0; margin: 4px 0 0;
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
h4 { h4 {

20
app/styles/soapbox/about.scss
View File

@ -21,7 +21,7 @@ $small-breakpoint: 960px;
font-weight: 400; font-weight: 400;
font-size: 16px; font-size: 16px;
line-height: 30px; line-height: 30px;
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
max-width: 600px; max-width: 600px;
padding: 15px 30px; padding: 15px 30px;
@ -47,7 +47,7 @@ $small-breakpoint: 960px;
font-weight: 400; font-weight: 400;
font-size: 16px; font-size: 16px;
line-height: 30px; line-height: 30px;
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
a { a {
color: var(--highlight-text-color); color: var(--highlight-text-color);
@ -232,7 +232,7 @@ $small-breakpoint: 960px;
font-size: 14px; font-size: 14px;
line-height: 24px; line-height: 24px;
font-weight: 500; font-weight: 500;
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
padding-bottom: 5px; padding-bottom: 5px;
margin-bottom: 15px; margin-bottom: 15px;
border-bottom: 1px solid var(--brand-color-faint); border-bottom: 1px solid var(--brand-color-faint);
@ -286,7 +286,7 @@ $small-breakpoint: 960px;
.username { .username {
display: block; display: block;
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
} }
} }
} }
@ -301,7 +301,7 @@ $small-breakpoint: 960px;
font-size: 16px; font-size: 16px;
line-height: 30px; line-height: 30px;
margin-bottom: 12px; margin-bottom: 12px;
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
a { a {
color: var(--highlight-text-color); color: var(--highlight-text-color);
@ -590,7 +590,7 @@ $small-breakpoint: 960px;
margin-bottom: 0; margin-bottom: 0;
small { small {
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
span { span {
color: var(--primary-text-color-faint); color: var(--primary-text-color-faint);
@ -812,7 +812,7 @@ $small-breakpoint: 960px;
text-transform: uppercase; text-transform: uppercase;
font-weight: 700; font-weight: 700;
font-size: 13px; font-size: 13px;
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
} }
&__text { &__text {
@ -859,18 +859,18 @@ $small-breakpoint: 960px;
span { span {
font-size: 14px; font-size: 14px;
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
} }
} }
} }
.simple_form .user_agreement .label_input > label { .simple_form .user_agreement .label_input > label {
font-weight: 400; font-weight: 400;
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
} }
.simple_form p.lead { .simple_form p.lead {
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
font-size: 15px; font-size: 15px;
line-height: 20px; line-height: 20px;
font-weight: 400; font-weight: 400;

8
app/styles/soapbox/accounts.scss
View File

@ -87,7 +87,7 @@
span { span {
display: block; display: block;
font-size: 14px; font-size: 14px;
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
font-weight: 400; font-weight: 400;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
@ -175,7 +175,7 @@
.nothing-here { .nothing-here {
background: var(--brand-color-med); background: var(--brand-color-med);
box-shadow: 0 0 15px rgba($base-shadow-color, 0.2); box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
font-size: 14px; font-size: 14px;
font-weight: 500; font-weight: 500;
text-align: center; text-align: center;
@ -257,7 +257,7 @@
dd { dd {
flex: 1 1 auto; flex: 1 1 auto;
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
} }
a { a {
@ -296,7 +296,7 @@
.pending-account { .pending-account {
&__header { &__header {
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
a { a {
color: $ui-secondary-color; color: $ui-secondary-color;

2
app/styles/soapbox/basics.scss
View File

@ -95,7 +95,7 @@ body {
&.error { &.error {
position: absolute; position: absolute;
text-align: center; text-align: center;
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
background: var(--brand-color-med); background: var(--brand-color-med);
width: 100%; width: 100%;
height: 100%; height: 100%;

2
app/styles/soapbox/compact_header.scss
View File

@ -2,7 +2,7 @@
h1 { h1 {
font-size: 24px; font-size: 24px;
line-height: 28px; line-height: 28px;
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
font-weight: 500; font-weight: 500;
margin-bottom: 20px; margin-bottom: 20px;
padding: 0 10px; padding: 0 10px;

50
app/styles/soapbox/components.scss
View File

@ -89,7 +89,7 @@
} }
&.button-secondary { &.button-secondary {
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
background: transparent; background: transparent;
padding: 3px 15px; padding: 3px 15px;
border: 1px solid $ui-primary-color; border: 1px solid $ui-primary-color;
@ -121,7 +121,7 @@
.icon-button { .icon-button {
display: inline-block; display: inline-block;
padding: 0; padding: 0;
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
border: 0; border: 0;
background: transparent; background: transparent;
cursor: pointer; cursor: pointer;
@ -158,7 +158,7 @@
} }
&.inverted { &.inverted {
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
&:hover, &:hover,
&:active, &:active,
@ -193,7 +193,7 @@
} }
.text-icon-button { .text-icon-button {
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
border: 0; border: 0;
background: transparent; background: transparent;
cursor: pointer; cursor: pointer;
@ -598,7 +598,7 @@
&__meta { &__meta {
font-size: 14px; font-size: 14px;
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
a { a {
color: var(--brand-color); color: var(--brand-color);
@ -786,7 +786,7 @@
.account__display-name { .account__display-name {
flex: 1 1 auto; flex: 1 1 auto;
display: block; display: block;
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
overflow: hidden; overflow: hidden;
text-decoration: none; text-decoration: none;
font-size: 14px; font-size: 14px;
@ -862,7 +862,7 @@ a .account__avatar {
.account__reciprocal_follow_message { .account__reciprocal_follow_message {
padding: 0 5px; padding: 0 5px;
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
text-align: center; text-align: center;
} }
@ -948,7 +948,7 @@ a .account__avatar {
display: block; display: block;
text-transform: uppercase; text-transform: uppercase;
font-size: 11px; font-size: 11px;
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
} }
strong { strong {
@ -1098,7 +1098,7 @@ a.account__display-name {
margin: 0 10px 0 68px; margin: 0 10px 0 68px;
padding: 8px 0 0; padding: 8px 0 0;
cursor: default; cursor: default;
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
font-size: 15px; font-size: 15px;
line-height: 22px; line-height: 22px;
position: relative; position: relative;
@ -1223,7 +1223,7 @@ a.account__display-name {
align-items: center; align-items: center;
flex-shrink: 0; flex-shrink: 0;
cursor: default; cursor: default;
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
strong { strong {
color: var(--primary-text-color-faint); color: var(--primary-text-color-faint);
@ -1392,7 +1392,7 @@ a.account__display-name {
display: block; display: block;
flex: 1 1 auto; flex: 1 1 auto;
padding: 15px 5px 13px; padding: 15px 5px 13px;
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
text-decoration: none; text-decoration: none;
text-align: center; text-align: center;
font-size: 16px; font-size: 16px;
@ -2078,7 +2078,7 @@ a.account__display-name {
} }
.setting-text { .setting-text {
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
background: transparent; background: transparent;
border: 0; border: 0;
border-bottom: 2px solid $ui-primary-color; border-bottom: 2px solid $ui-primary-color;
@ -2212,7 +2212,7 @@ a.status-card {
display: block; display: block;
font-weight: 500; font-weight: 500;
margin-bottom: 5px; margin-bottom: 5px;
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
@ -2226,7 +2226,7 @@ a.status-card {
} }
.status-card__description { .status-card__description {
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
} }
.status-card__host { .status-card__host {
@ -2502,11 +2502,11 @@ a.status-card.compact:hover {
border: 0; border: 0;
padding: 0 15px; padding: 0 15px;
font-size: 16px; font-size: 16px;
color: #fff; color: var(--primary-text-color);
background: transparent; background: transparent;
&:hover { &:hover {
color: lighten($darker-text-color, 7%); color: var(--primary-text-color-faint);
} }
&.active { &.active {
@ -2524,7 +2524,7 @@ a.status-card.compact:hover {
max-height: 70vh; max-height: 70vh;
overflow: hidden; overflow: hidden;
overflow-y: auto; overflow-y: auto;
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
transition: max-height 150ms ease-in-out, opacity 300ms linear; transition: max-height 150ms ease-in-out, opacity 300ms linear;
opacity: 1; opacity: 1;
@ -2561,7 +2561,7 @@ a.status-card.compact:hover {
} }
&:hover { &:hover {
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
text-decoration: underline; text-decoration: underline;
} }
} }
@ -2694,7 +2694,7 @@ a.status-card.compact:hover {
.media-spoiler { .media-spoiler {
background: var(--background-color); background: var(--background-color);
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
border: 0; border: 0;
padding: 0; padding: 0;
width: 100%; width: 100%;
@ -2793,7 +2793,7 @@ a.status-card.compact:hover {
} }
.column-settings__section { .column-settings__section {
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
cursor: default; cursor: default;
display: block; display: block;
font-weight: 500; font-weight: 500;
@ -2837,7 +2837,7 @@ a.status-card.compact:hover {
&__multi-value__label, &__multi-value__label,
&__input { &__input {
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
} }
&__clear-indicator, &__clear-indicator,
@ -2910,7 +2910,7 @@ a.status-card.compact:hover {
} }
.setting-toggle__label { .setting-toggle__label {
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
display: inline-block; display: inline-block;
margin-bottom: 14px; margin-bottom: 14px;
margin-left: 8px; margin-left: 8px;
@ -3778,7 +3778,7 @@ a.status-card.compact:hover {
z-index: 4; z-index: 4;
border: 0; border: 0;
background: var(--background-color); background: var(--background-color);
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
transition: none; transition: none;
pointer-events: none; pointer-events: none;
@ -4533,7 +4533,7 @@ noscript {
} }
.account__header__content { .account__header__content {
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
overflow: hidden; overflow: hidden;
@ -4597,7 +4597,7 @@ noscript {
} }
a { a {
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
text-decoration: none; text-decoration: none;
font-size: 14px; font-size: 14px;
font-weight: 500; font-weight: 500;

2
app/styles/soapbox/components/account-header.scss
View File

@ -115,7 +115,7 @@
&__links { &__links {
display: flex; display: flex;
font-size: 14px; font-size: 14px;
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
@media screen and (max-width: 895px) { @media screen and (max-width: 895px) {
justify-content: center; justify-content: center;
flex-wrap: wrap; flex-wrap: wrap;

10
app/styles/soapbox/components/compose-form.scss
View File

@ -219,7 +219,7 @@
.icon-button { .icon-button {
flex: 0 1 auto; flex: 0 1 auto;
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
font-size: 14px; font-size: 14px;
font-weight: 500; font-weight: 500;
padding: 10px; padding: 10px;
@ -250,8 +250,8 @@
background: rgba(0, 0, 0, 0.3); background: rgba(0, 0, 0, 0.3);
box-sizing: border-box; box-sizing: border-box;
background: transparent; background: transparent;
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
border: 1px solid var(--primary-color-faint); border: 1px solid var(--primary-text-color-faint);
outline: none; outline: none;
padding: 10px; padding: 10px;
margin: 0; margin: 0;
@ -263,7 +263,7 @@
&:focus {color: #fff;} &:focus {color: #fff;}
&::placeholder { &::placeholder {
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
} }
} }
&.active {opacity: 1;} &.active {opacity: 1;}
@ -314,7 +314,7 @@
font-family: $font-sans-serif, sans-serif; font-family: $font-sans-serif, sans-serif;
font-size: 14px; font-size: 14px;
font-weight: 600; font-weight: 600;
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
&.character-counter--over {color: $warning-red;} &.character-counter--over {color: $warning-red;}
} }
} }

2
app/styles/soapbox/components/group-card.scss
View File

@ -53,7 +53,7 @@
} }
.group-card__meta { .group-card__meta {
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
font-size: 14px; font-size: 14px;
margin-top: 5px; margin-top: 5px;
margin-bottom: 10px; margin-bottom: 10px;

2
app/styles/soapbox/components/group-form.scss
View File

@ -31,7 +31,7 @@
float: left; float: left;
height: 20px; height: 20px;
padding: 3px 0 0 33px; padding: 3px 0 0 33px;
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
background-repeat: no-repeat; background-repeat: no-repeat;
background-image: url('../images/sprite-post-functions.png'); background-image: url('../images/sprite-post-functions.png');
background-size: 100px 1200px; background-size: 100px 1200px;

2
app/styles/soapbox/components/group-sidebar-panel.scss
View File

@ -23,7 +23,7 @@
&__meta { &__meta {
font-size: 0.8em; font-size: 0.8em;
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
&__unread { &__unread {
color: var(--brand-color); color: var(--brand-color);

6
app/styles/soapbox/components/modal.scss
View File

@ -316,7 +316,7 @@
max-width: 90vw; max-width: 90vw;
border-radius: 4px; border-radius: 4px;
border: 1px solid $gab-placeholder-accent; border: 1px solid $gab-placeholder-accent;
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
background: $gab-background-container; background: $gab-background-container;
.status__display-name { .status__display-name {
@ -440,7 +440,7 @@
.status__content, .status__content,
.status__content p { .status__content p {
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
} }
@media screen and (max-width: 480px) { @media screen and (max-width: 480px) {
@ -532,7 +532,7 @@
align-items: center; align-items: center;
padding: 13px 10px 12px; padding: 13px 10px 12px;
@inclide font-size(14); @inclide font-size(14);
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
text-decoration: none; text-decoration: none;
&, &,

4
app/styles/soapbox/components/user-panel.scss
View File

@ -64,7 +64,7 @@
display: block; display: block;
font-size: 14px; font-size: 14px;
line-height: 16px; line-height: 16px;
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
text-decoration: none !important; text-decoration: none !important;
} }
} }
@ -103,7 +103,7 @@
&__label { &__label {
display: block; display: block;
width: 100%; width: 100%;
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
font-size: 12px; font-size: 12px;
line-height: 14px; line-height: 14px;
} }

10
app/styles/soapbox/containers.scss
View File

@ -612,7 +612,7 @@
text-shadow: none; text-shadow: none;
small { small {
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
} }
} }
} }
@ -640,7 +640,7 @@
width: 33.3%; width: 33.3%;
box-sizing: border-box; box-sizing: border-box;
flex: 0 0 auto; flex: 0 0 auto;
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
padding: 10px; padding: 10px;
border-right: 1px solid var(--brand-color-faint); border-right: 1px solid var(--brand-color-faint);
cursor: default; cursor: default;
@ -737,11 +737,11 @@
&__links { &__links {
margin-top: -15px; margin-top: -15px;
font-size: 14px; font-size: 14px;
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
a { a {
display: inline-block; display: inline-block;
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
text-decoration: none; text-decoration: none;
padding: 15px; padding: 15px;
font-weight: 500; font-weight: 500;
@ -812,7 +812,7 @@
.roles { .roles {
padding: 20px; padding: 20px;
font-size: 14px; font-size: 14px;
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
} }
.roles { .roles {

2
app/styles/soapbox/dashboard.scss
View File

@ -48,7 +48,7 @@
&__label { &__label {
font-size: 14px; font-size: 14px;
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
text-align: center; text-align: center;
font-weight: 500; font-weight: 500;
} }

2
app/styles/soapbox/footer.scss
View File

@ -34,7 +34,7 @@
text-transform: uppercase; text-transform: uppercase;
font-weight: 700; font-weight: 700;
margin-bottom: 8px; margin-bottom: 8px;
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
font-size: 1.6rem; font-size: 1.6rem;
line-height: 1.5; line-height: 1.5;

14
app/styles/soapbox/forms.scss
View File

@ -95,7 +95,7 @@ code {
} }
.hint { .hint {
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
a { a {
color: var(--highlight-text-color); color: var(--highlight-text-color);
@ -116,7 +116,7 @@ code {
p.hint { p.hint {
margin-bottom: 15px; margin-bottom: 15px;
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
&.subtle-hint { &.subtle-hint {
text-align: center; text-align: center;
@ -519,7 +519,7 @@ code {
.flash-message { .flash-message {
background: var(--brand-color-med); background: var(--brand-color-med);
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
border-radius: 4px; border-radius: 4px;
padding: 15px 10px; padding: 15px 10px;
margin-bottom: 30px; margin-bottom: 30px;
@ -539,7 +539,7 @@ code {
a { a {
display: inline-block; display: inline-block;
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
text-decoration: none; text-decoration: none;
&:hover { &:hover {
@ -600,7 +600,7 @@ code {
text-align: center; text-align: center;
a { a {
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
text-decoration: none; text-decoration: none;
&:hover { &:hover {
@ -636,7 +636,7 @@ code {
.oauth-prompt, .oauth-prompt,
.follow-prompt { .follow-prompt {
margin-bottom: 30px; margin-bottom: 30px;
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
h2 { h2 {
font-size: 16px; font-size: 16px;
@ -767,7 +767,7 @@ code {
.post-follow-actions { .post-follow-actions {
text-align: center; text-align: center;
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
div { div {
margin-bottom: 4px; margin-bottom: 4px;

2
app/styles/soapbox/introduction.scss
View File

@ -92,7 +92,7 @@
font-size: 16px; font-size: 16px;
line-height: 24px; line-height: 24px;
font-weight: 400; font-weight: 400;
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
code { code {
display: inline-block; display: inline-block;

2
app/styles/soapbox/tables.scss
View File

@ -109,7 +109,7 @@ a.table-action-link {
display: inline-block; display: inline-block;
margin-right: 5px; margin-right: 5px;
padding: 0 10px; padding: 0 10px;
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
font-weight: 500; font-weight: 500;
&:hover { &:hover {

22
app/styles/soapbox/widgets.scss
View File

@ -24,7 +24,7 @@
padding: 20px; padding: 20px;
border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;
font-size: 15px; font-size: 15px;
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
line-height: 20px; line-height: 20px;
word-wrap: break-word; word-wrap: break-word;
font-weight: 400; font-weight: 400;
@ -79,7 +79,7 @@
text-transform: uppercase; text-transform: uppercase;
font-weight: 700; font-weight: 700;
font-size: 13px; font-size: 13px;
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
} }
.account { .account {
@ -121,7 +121,7 @@
.contact-widget { .contact-widget {
font-size: 15px; font-size: 15px;
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
line-height: 20px; line-height: 20px;
word-wrap: break-word; word-wrap: break-word;
font-weight: 400; font-weight: 400;
@ -197,7 +197,7 @@
.fa { .fa {
margin-right: 5px; margin-right: 5px;
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
} }
} }
@ -224,7 +224,7 @@
background: $base-shadow-color; background: $base-shadow-color;
box-shadow: 0 0 15px rgba($base-shadow-color, 0.2); box-shadow: 0 0 15px rgba($base-shadow-color, 0.2);
font-size: 14px; font-size: 14px;
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
margin-bottom: 10px; margin-bottom: 10px;
} }
@ -246,7 +246,7 @@
p { p {
font-size: 15px; font-size: 15px;
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
} }
@media screen and (max-width: $no-gap-breakpoint) { @media screen and (max-width: $no-gap-breakpoint) {
@ -309,7 +309,7 @@
text-overflow: ellipsis; text-overflow: ellipsis;
.fa { .fa {
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
} }
small { small {
@ -317,7 +317,7 @@
font-weight: 400; font-weight: 400;
font-size: 15px; font-size: 15px;
margin-top: 8px; margin-top: 8px;
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
} }
} }
@ -383,7 +383,7 @@
thead th { thead th {
text-align: center; text-align: center;
text-transform: uppercase; text-transform: uppercase;
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
font-weight: 700; font-weight: 700;
padding: 10px; padding: 10px;
@ -411,7 +411,7 @@
small { small {
display: block; display: block;
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
font-weight: 400; font-weight: 400;
font-size: 14px; font-size: 14px;
} }
@ -508,7 +508,7 @@ $fluid-breakpoint: $maximum-width + 20px;
.notice-widget { .notice-widget {
margin-bottom: 10px; margin-bottom: 10px;
color: var(--primary-color-faint); color: var(--primary-text-color-faint);
p { p {
margin-bottom: 10px; margin-bottom: 10px;