MrDiderot/Photography
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Implement Light Mode (Beige) via alternate SASS compilation and runtime switching

Browse Source
This commit is contained in:
Kroonk
2026-04-12 19:11:23 +02:00
parent 67044add84
commit ab06284beb
6 changed files with 85 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
assets/sass/light.scss Normal file
View File

@@ -0,0 +1,54 @@
@import 'libs/vars';
$palette: (
bg: #f9f6f0,
bg-alt: #eee8dd,
bg-overlay: transparentize(#f9f6f0, 0.15),
bg-overlay-alt: transparentize(#f9f6f0, 0.05),
bg-ie-overlay: transparentize(#f9f6f0, 0.1),
bg-ie-overlay-alt: transparentize(#f9f6f0, 0.05),
fg: #5c554e,
fg-bold: #38332f,
fg-medium: #7a746e,
fg-light: #9e9790,
border: #e6dccc,
border-bg: #f0e5d6,
border-bg-alt: #e1d1ba,
accent1: #e48c71
) !global;
@import 'libs/functions';
@import 'libs/mixins';
@import 'libs/vendor';
@import 'libs/breakpoints';
@include breakpoints((
xlarge: ( 1281px, 1680px ),
large: ( 981px, 1280px ),
medium: ( 737px, 980px ),
small: ( 481px, 736px ),
xsmall: ( null, 480px )
));
@include keyframes(spinner) {
0% { @include vendor('transform', 'rotate(0deg)'); }
100% { @include vendor('transform', 'rotate(359deg)'); }
}
@import 'base/reset';
@import 'base/page';
@import 'base/typography';
@import 'components/button';
@import 'components/form';
@import 'components/icon';
@import 'components/list';
@import 'components/actions';
@import 'components/icons';
@import 'components/table';
@import 'components/panel';
@import 'components/poptrox-popup';
@import 'layout/wrapper';
@import 'layout/header';
@import 'layout/main';
@import 'layout/footer';
@import 'custom';