Clients/epsf-miniwebsite
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Styling : adding logo + modifying colors to match logo's colors + adjusting responsiveness + adding new favicons

Browse Source
This commit is contained in:
Exvigilare Gemini
2025-01-23 18:05:49 +01:00
parent a7b4788a6a
commit ec13f0c688
65 changed files with 151 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
themes/tse/assets/css/variables.scss
View File

@@ -1,33 +1,40 @@
$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: rgb(0, 52, 141);
--cover-text-color: #{$secondary-color};
/* Used for Landing screen menu buttons, but potentially usable for highlighting other things */
--highlight: #ffc800;
--highlight-contrast: var(--cover-text-color);
--highlight: #{$primary-color};
--highlight-contrast: #{$light-color};
/*inverse colors used for :hover */
--highlight-inverse: var(--cover-text-color);
--highlight-inverse-contrast: rgb(249, 238, 187);
--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: rgba(85, 27, 2, 0.67);
--cover-title-text-shadow: rgb(119, 45, 0) 1px 1px 5px;
--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: #d65301ea;
--sticky-menu-text-color: #{$light-color};
/* === Alternating content (post) sections === */
/* Light section - text color */
--section-light-text-color:rgb(119, 45, 0);
--section-light-text-color:#{$light-color};
/* Light section - background color */
--section-light-bg-color: #ebbc4f;
--section-light-bg-color: #{$primary-color};
/* Dark section - text color */
--section-dark-text-color: var(--section-light-bg-color);
--section-dark-text-color: #{$primary-color};
/* Dark section - background color */
--section-dark-bg-color: #652200;
--section-dark-bg-color: #{$light-color};
/* Light&Dark section >quote. Suppressive color, compared to 'Light section - text color'*/
--section-uni-quote: grey;