Files
epsf-miniwebsite/themes/tse/assets/css/variables.scss

49 lines
1.7 KiB
SCSS

:root {
/* === Cover / Landing area === */
--cover-text-color: rgb(0, 52, 141);
/* Used for Landing screen menu buttons, but potentially usable for highlighting other things */
--highlight: #ffc800;
--highlight-contrast: var(--cover-text-color);
/*inverse colors used for :hover */
--highlight-inverse: var(--cover-text-color);
--highlight-inverse-contrast: rgb(249, 238, 187);
/* visual guard around title and description, when the feature is enabled */
--cover-title-and-description-guard-bg-color: rgba(85, 27, 2, 0.67);
--cover-title-text-shadow: rgb(119, 45, 0) 1px 1px 5px;
/* === sticky top/left navigation menus === */
--sticky-menu-text-color: #d65301ea;
/* === Alternating content (post) sections === */
/* Light section - text color */
--section-light-text-color:rgb(119, 45, 0);
/* Light section - background color */
--section-light-bg-color: #ebbc4f;
/* Dark section - text color */
--section-dark-text-color: var(--section-light-bg-color);
/* Dark section - background color */
--section-dark-bg-color: #652200;
/* 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;
}