kDarkSail by kurulen

/* ==UserStyle==
@name         kDarkSail
@version      20240301.19.13
@namespace    https://userstyles.world/user/kurulen
@description  Dark theme for Full Sail One and Full Sail Online.
@author       kurulen
@license      Unlicense
==/UserStyle== */

@-moz-document regexp("http(s)?:\\/\\/online.fullsail.edu.*") {
/* Using the default dark theme, slightly modified */
body {
    --themes-primary: #f09866 !important;
    --themes-primary-hover: #ee884f !important;
    --themes-primary-alt: #f09866 !important;
    --themes-primary-alt-hover: #ee884f !important;
    --themes-primary-light--exception: #f09866 !important;
    --themes-secondary: #fdd571 !important;
    --themes-umbrella-learn: #66baca !important;
    --themes-umbrella-learn-alt: #66baca !important;
    --themes-status-success: #aec782 !important;
    --themes-status-success-hover: #a3bf70 !important;
    --themes-status-success-bg: #e9f0dc !important;
    --themes-status-error: #cf6679 !important;
    --themes-status-error-hover: #c95368 !important;
    --themes-status-error-bg: #f2d5da !important;
    --themes-status-warning: #fdd571 !important;
    --themes-status-warning-bg: #fff4d8 !important;
    --themes-status-info: #66baca !important;
    --themes-status-info-bg: #d5ecf0 !important;
    --themes-label-primary: #f8f8f8 !important;
    --themes-label-primary-hover: #ebebeb !important;
    --themes-label-secondary: #ababab !important;
    --themes-label-tertiary: #1d1d1d !important;
    --themes-label-primary-static--exception: #505050 !important;
    --themes-label-primary-static-hover--exception: #434343 !important;
    --themes-label-tertiary-static--exception: #fff !important;
    --themes-label-tertiary-static-hover--exception: #f2f2f2 !important;
    --themes-bg-level-one: #0c0c0c !important;
    --themes-bg-level-two: #1d1d1d !important;
    --themes-bg-level-two-hover: #2a2a2a !important;
    --themes-bg-level-three: #2e2e2e !important;
    --themes-bg-level-three-hover: #3b3b3b !important;
    --themes-bg-level-lines: #505050 !important;
    --themes-bg-box-shadow: rgba(0,0,0,.35) !important;
    --themes-bg-modal-mask: rgba(80,80,80,.75) !important;
    --themes-bg-level-one-reduced-alpha: hsla(0,0%,5%,.85) !important;
    --themes-bg-mask-heavy: rgba(0,0,0,.75) !important;
    --themes-secondary-circle-bg-color: #505050 !important;
    --themes-secondary-circle-text-color: #fff !important;
    --themes-fso-logo-bg: #fff !important;
    --themes-fso-logo-text: #fff !important;
    --themes-lafs-login-logo-bg: #fff !important;
    --themes-tenant-logo: #fff !important;
}
}

@-moz-document regexp("http(s)?:\\/\\/one.fullsail.edu.*") {
/* Manually themed.. FSO's CSS is so inconsistent, you'd swear it was made by Microsoft */
body {
    --kdarksail-theme-primary: #f09866 !important;
    --kdarksail-bg-level-one: #0c0c0c !important;
    --kdarksail-bg-level-two: #1d1d1d !important;
    --kdarksail-bg-level-three: #2e2e2e !important;
    --kdarksail-line-colour: #ababab !important;
    --kdarksail-label-primary: #f8f8f8 !important;
}

/* Logo filter */
.fs-image > img,
[class*="fs-icon_container--notification"],
.fs-account-menu__link__title,
.thumbs-rating,
svg[data-icon*="link"] {
    filter: grayscale(100%) brightness(1000%) !important;
}

/* Header filter */
[class="fs-slashed-header"] {
    filter: invert(100%) !important;
}

.fs-form-field__input-icon {
    transform: translateX(0.45vw);
}

.fs-horizontal-divider {
    background-color: var(--kdarksail-line-colour) !important;
}

/* Bottom card layer */
.fs-container,
.fs-dropdown__menu-options,
.fs-footer-refactor__content > footer {
    background: var(--kdarksail-bg-level-one) !important;
}

/* Middle card layer */
.fs-card__single,
.fs-date-box,
.fs-sidebar,
div[class*="fs-form-field"],
input[name*="search"],
div[class*="fs-account-menu__body"],
.support__new-ticket > button,
.fs-footer-refactor__content > footer > div > button,
.fc-content-skeleton *,
.fs-group-banner__content,
.fs-button--secondary {
    background: var(--kdarksail-bg-level-two) !important;
}

/* Top card layer */
.fs-navigation_container,
.fs-card__header,
.fs-link-container--active,
div[class*="fs-account-menu__header"] > div,
.fs-account-menu__header__content,
[class*="fs-dropdown__item"]:hover,
.support__new-ticket > button:hover,
.fs-footer-refactor__content > footer > div > button:hover,
.accordion__links *:hover,
.fs-button--secondary:hover,
.accordion__links--active *,
.fc-day-grid-event * {
    background: var(--kdarksail-bg-level-three) !important;
}

/* Text */
h4[class="fs-gutter--none"],
span[class*="fs-card__"],
p[class*="fs-card__"],
[class="fs-gutter--none fs-slashed-header"],
.fs-date-box__date,
.fs-date-box .fs-flex-space > span,
.fs-navigation__link:has(span),
.fs-link__title,
.fs-sidebar__title,
.list-filter__title,
.fs-dropdown__select-box-heading,
.fs-account-menu__header__content-name,
[class*="fs-dropdown__item-text"],
.support__search > h1,
.support__browse > h2,
.support__new-ticket > h2,
.support__new-ticket > p,
.support__new-ticket > button > div,
.fs-footer__content,
.fs-footer__content > p > a,
.fs-container__content > h2,
.fs-card__title,
.fs-card__list-item > a,
.fs-container--detail__header,
.fs-container--detail__excerpt,
.redactor-created-content,
.article__rating,
.accordion__links > li > a,
.accordion__item--title,
.article__header-meta-container,
.fs-button--secondary > div,
.fs-meta--light,
.flex-space > h2,
.calendar-nav > div > h2,
.fc-day-header span,
.fc-day-number,
.fc-time,
.fc-title,
.event-overview-item,
.fs-group-banner__content > div > div > h2,
.fs-group-banner__content > div > div *,
.fs-italic,
.group-summary,
.article__header .reset {
    color: var(--kdarksail-label-primary) !important;
}

/* Date box month text */
.fs-date-box__date > [class*="fs-date-box__month"],
p[class="link__view-more"] > a,
.fs-account-menu__header__content-link,
.redactor-created-content a,
.fs-meta--light a,
.fc-more,
.event-overview-item > p > a,
.fs-italic a,
.fs-list-link *,
.fs-list-link {
    color: var(--kdarksail-theme-primary) !important;
}
}