Files
epsf-miniwebsite/themes/tse/assets/css/variables.scss
2025-01-24 18:04:55 +01:00

92 lines
2.9 KiB
SCSS

$light-color: #ffffff;
$dark-color: #2a0045ff ;
$primary-color: #183c8f;
$secondary-color: rgb(143, 33, 191);
$tertiary-color: #4eca2cff;
// #{}
// #{$tertiary-color}
:root {
/* === Cover / Landing area === */
--cover-text-color: #{$secondary-color};
/* Used for Landing screen menu buttons, but potentially usable for highlighting other things */
--highlight: #{$primary-color};
--highlight-contrast: #{$light-color};
/*inverse colors used for :hover */
--highlight-inverse: #{$secondary-color};
--highlight-inverse-contrast: rgb(255, 255, 255);
/* visual guard around title and description, when the feature is enabled */
--cover-title-and-description-guard-bg-color: #{$light-color};
// --cover-title-text-shadow: rgb(119, 45, 0) 1px 1px 5px;
/* === sticky top/left navigation menus === */
--sticky-menu-text-color: #{$light-color};
/* === Alternating content (post) sections === */
/* Light section - text color */
--section-light-text-color:#{$light-color};
/* Light section - background color */
--section-light-bg-color: #{$primary-color};
/* Dark section - text color */
--section-dark-text-color: #{$primary-color};
/* Dark section - background color */
--section-dark-bg-color: #{$light-color};
/* Light&Dark section >quote. Suppressive color, compared to 'Light section - text color'*/
--section-uni-quote: grey;
/* Light&Dark section `code` a bit darker than 'Light section - background color' */
--section-uni-code-bg-color: #e0ded7;
/* === Single pages=== */
--single-page-text-color: var(--section-light-text-color);
--single-page-bg-color: var(--section-light-bg-color);
/* === Footer === */
--footer-color-background: #22343a;
--footer-color: #bbc7cc;
/* === Lists === */
/* define list element for unnumbered lists, leave empty for default list element */
--ul-li-icon: fa-asterisk;
}
// ========== Admonition ========== //
// Color map of the admonition
$admonition-color-map: (
"note": #448aff,
"abstract": #00b0ff,
"info": #00b8d4,
"tip": #00bfa5,
"success": #00c853,
"question": #64dd17,
"warning": #ff9100,
"failure": #ff5252,
"danger": #ff1744,
"bug": #f50057,
"example": #651fff,
"quote": #9e9e9e,
"important": #8957e5,
"caution": #da3633,
) !default;
// Color map of the admonition background
$admonition-background-color-map: (
"note": rgba(68, 138, 255, 0.1),
"abstract": rgba(0, 176, 255, 0.1),
"info": rgba(0, 184, 212, 0.1),
"tip": rgba(0, 191, 165, 0.1),
"success": rgba(0, 200, 83, 0.1),
"question": rgba(100, 221, 23, 0.1),
"warning": rgba(255, 145, 0, 0.1),
"failure": rgba(255, 82, 82, 0.1),
"danger": rgba(255, 23, 68, 0.1),
"bug": rgba(245, 0, 87, 0.1),
"example": rgba(101, 31, 255, 0.1),
"quote": rgba(159, 159, 159, 0.1),
"important": rgba(137, 87, 229, 0.1),
"caution": rgba(218, 54, 51, 0.1),
) !default;