// // Notes!
// // Sass color functions, "darken" and "lighten" are automatically replaced.
//
// // Change the colors of button texts
// .button {
//   color: #ffffff;
//
//   &.button-alternative-2 {
//     color: #000;
//   }
// }
//
// .drawer__inner {
//   background: var(--brand-color-med);
// }
//
// .drawer__inner__soapbox {
//   background: var(--brand-color-med) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 234.80078 31.757813" width="234.80078" height="31.757812"><path d="M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z" fill="#{hex-color(#ffffff)}"/></svg>') no-repeat bottom / 100% auto;
// }
//
// // Change the colors used in compose-form
// .compose-form {
//   .compose-form__modifiers {
//     .compose-form__upload-description input {
//       color: lighten(#ffffff, 7%);
//       &::placeholder {color: lighten(#ffffff, 7%);}
//     }
//   }
//
//   .autosuggest-textarea__suggestions {
//     background: darken($ui-base-color, 6%);
//   }
//
//   .autosuggest-textarea__suggestions__item {
//     &:hover,
//     &:focus,
//     &:active,
//     &.selected {
//       background: var(--brand-color-faint);
//     }
//   }
// }
//
// .emoji-mart-bar {
//   border-color: var(--brand-color-faint);
//
//   &:first-child {
//     background: darken($ui-base-color, 6%);
//   }
// }
//
// .emoji-mart-search input {
//   background: rgba($ui-base-color, 0.3);
//   border-color: var(--brand-color-med);
// }
//
// // Change the background colors of statuses
// .focusable:focus {
//   background: var(--brand-color-faint);
// }
//
// .status.status-direct {
//   background: var(--brand-color-faint);
// }
//
// .focusable:focus .status.status-direct {
//   background: var(--brand-color-med);
// }
//
// // Change the background colors of status__content__spoiler-link
// .reply-indicator__content .status__content__spoiler-link,
// .status__content .status__content__spoiler-link {
//   background: $ui-base-lighter-color;
//
//   &:hover {
//     background: lighten($ui-base-lighter-color, 6%);
//   }
// }
//
// // Change the background colors of media and video spoilers
// .media-spoiler,
// .video-player__spoiler {
//   background: var(--brand-color-med);
// }
//
// // Change the colors used in the dropdown menu
// .dropdown-menu {
//   &__item {
//     a {
//       color: var(--primary-text-color-faint);
//     }
//   }
// }
//
// // Change the text colors on inverted background
// .privacy-dropdown__option.active .privacy-dropdown__option__content,
// .privacy-dropdown__option.active .privacy-dropdown__option__content strong,
// .privacy-dropdown__option:hover .privacy-dropdown__option__content,
// .privacy-dropdown__option:hover .privacy-dropdown__option__content strong,
// .actions-modal ul li:not(:empty) a.active,
// .actions-modal ul li:not(:empty) a.active button,
// .actions-modal ul li:not(:empty) a:active,
// .actions-modal ul li:not(:empty) a:active button,
// .actions-modal ul li:not(:empty) a:focus,
// .actions-modal ul li:not(:empty) a:focus button,
// .actions-modal ul li:not(:empty) a:hover,
// .actions-modal ul li:not(:empty) a:hover button,
// .simple_form .block-button,
// .simple_form .button,
// .simple_form button {
//   color: #ffffff;
// }
//
// .dropdown-menu__separator {
//   border-bottom-color: var(--brand-color-med);
// }
//
// // Change the background colors of modals
// .actions-modal,
// .boost-modal,
// .confirmation-modal,
// .mute-modal,
// .report-modal,
// .error-modal,
// .onboarding-modal {
//   background: var(--brand-color-med);
// }
//
// .embed-modal {
//   background: #333;
//   color: #fff;
// }
//
// .boost-modal__action-bar,
// .confirmation-modal__action-bar,
// .mute-modal__action-bar,
// .onboarding-modal__paginator,
// .error-modal__footer {
//   background: darken($ui-base-color, 6%);
//
//   .onboarding-modal__nav,
//   .error-modal__nav {
//     &:hover,
//     &:focus,
//     &:active {
//       background-color: darken($ui-base-color, 12%);
//     }
//   }
// }
//
// .display-case__case {
//   background: #ffffff;
// }
//
// .embed-modal .embed-modal__container .embed-modal__html {
//   background: #ffffff;
//
//   &:focus {
//     background: darken($ui-base-color, 6%);
//   }
// }
//
// .react-toggle-track {
//   background: $ui-secondary-color;
// }
//
// .react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track {
//   background: darken($ui-secondary-color, 10%);
// }
//
// .react-toggle.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {
//   background: lighten($gab-brand-default, 10%);
// }
//
// // Change the default color used for the text in an empty column or on the error column
// .empty-column-indicator,
// .error-column {
//   color: var(--primary-text-color);
//   background: #ffffff;
// }
//
// // Change the default colors used on some parts of the profile pages
// .activity-stream-tabs {
//   background: $account-background-color;
//   border-bottom-color: var(--brand-color-med);
// }
//
// .activity-stream {
//   .entry {
//     background: $account-background-color;
//
//     .detailed-status.light,
//     .more.light,
//     .status.light {
//       border-bottom-color: var(--brand-color-med);
//     }
//   }
//
//   .status.light {
//     .status__content {
//       color: var(--primary-text-color);
//     }
//
//     .display-name {
//       strong {
//         color: var(--primary-text-color);
//       }
//     }
//   }
// }
//
// .accounts-grid {
//   .account-grid-card {
//
//     .name {
//       a {
//         color: var(--primary-text-color);
//       }
//     }
//
//     .username {
//       color: var(--primary-text-color-faint);
//     }
//
//     .account__header__content {
//       color: var(--primary-text-color);
//     }
//   }
// }
//
// .simple_form,
// .table-form {
//   .warning {
//     box-shadow: none;
//     background: rgba($error-red, 0.5);
//     text-shadow: none;
//   }
// }
//
// .simple_form input[type="text"],
// .simple_form input[type="number"],
// .simple_form input[type="email"],
// .simple_form input[type="password"],
// .simple_form textarea {
//   border-color: var(--brand-color);
//
//   &:hover {
//     border-color: var(--brand-color);
//   }
// }
//
// .simple_form select,
// .admin select.dropdown {
//   border-color: var(--primary-text-color-faint);
// }
//
// .button.logo-button {
//   color: #ffffff;
//
//   svg {
//     fill: #ffffff;
//   }
// }
//
// .public-layout {
//   .header,
//   .public-account-header,
//   .public-account-bio {
//     box-shadow: none;
//   }
//
//   .public-account-header {
//     &__image {
//       background: var(--brand-color-med);
//
//       &::after {
//         box-shadow: none;
//       }
//     }
//
//     &__tabs {
//       &__name {
//         h1,
//         h1 small {
//           color: #ffffff;
//         }
//       }
//     }
//   }
// }
//
// .account__section-headline a.active::after {
//   border-color: transparent transparent #ffffff;
// }
//
// .hero-widget,
// .box-widget,
// .contact-widget,
// .landing-page__information.contact-widget,
// .moved-account-widget,
// .memoriam-widget,
// .activity-stream,
// .nothing-here,
// .directory__tag > a,
// .directory__tag > div {
//   box-shadow: none;
// }
//
// .btngroup__btn--active {
//   color: #fff;
// }
//
// .wtf-panel {
//   @include light-theme-shadow;
//   background: var(--foreground-color);
// }
//
// .profile-info-panel .profile-info-panel-content span,
// .profile-info-panel .profile-info-panel-content__name h1,
// .profile-info-panel .profile-info-panel-content__name h1 span:first-of-type {
//   color: $gab-default-text-light;
// }
//
// .group-card .group-card__header img {
//   background: var(--foreground-color);
// }
//
// .group .group__header {
//   background: var(--foreground-color);
// }
//
// .group .group__panel .group__panel__label {
//   background: var(--foreground-color);
// }
//
// .group .group__feed {
//   background: var(--foreground-color);
// }
//
// input[type='text'],
// textarea {
//   &.standard {
//     @include input-placeholder($gab-secondary-text);
//     color: $gab-placeholder-accent;
//     border-color: var(--primary-text-color-faint);
//     background: $gab-background-base-light;
//   }
// }
//
//
// .boost-modal,
// .confirmation-modal,
// .report-modal,
// .actions-modal,
// .mute-modal {
//   color: $gab-default-text-light;
// }
//
// .report-modal__statuses {
//   .status__content,
//   .status__content p {
//     color: $gab-default-text-light;
//   }
// }
//
// .user-panel__header {
//   background: darken($gab-background-container-light, 4%);
// }
//
// .user-panel__profile .account__avatar {
//   border: 6px solid $gab-background-base-light;
// }
//
// .user-panel .user-panel-stats-item__value {
//   color: $gab-default-text-light;
// }
//
// .poll__text {
//   color: $gab-default-text-light;
// }
//
// .fa-site-icon::before {
//   filter: grayscale(100%) invert(0);
// }