deborah.jean/SiteWebAstrolabe_public
1
0
Fork 0
forked from AstrolabeCAE/SiteWebAstrolabe_public
Code Pull Requests Activity

Fix deprecated functions in sass files

Browse Source
This commit is contained in:
Déborah Jean
2025-09-26 16:33:45 +02:00
parent 06e918fe6c
commit 056a4d3474
14 changed files with 130 additions and 94 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
src/scss/_theme.scss
View File

@@ -1,28 +1,32 @@
@use 'config';
@use 'functions';
@use 'sass:list';
:root {
// Pull the tokens and generate custom props
@each $color in $colors {
#{'--color-' + nth($color, 1)}: #{nth($color, 2)};
@each $color in config.$colors {
#{'--color-' + list.nth($color, 1)}: #{list.nth($color, 2)};
}
// Set theme aliases
--color-mode: 'light';
--color-bg: #{get-color('light')};
--color-bg-glare: #{get-color('light')};
--color-text: #{get-color('dark')};
--color-text-glare: #{get-color('dark')};
--color-selection-text: #{get-color('light')};
--color-selection-bg: #{get-color('dark')};
--color-stroke: #{get-color('mid')};
--color-action-bg: #{get-color('primary')};
--color-action-text: #{get-color('dark')};
--color-theme-primary: #{get-color('primary')};
--color-theme-primary-glare: #{get-color('primary-glare')};
--color-theme-highlight: #{get-color('highlight')};
--color-theme-highlight-block: #{get-color('highlight')};
--color-theme-secondary: #{get-color('secondary')};
--color-light-gray: #{get-color('light-gray')};
--color-light-blue: #{get-color('light-blue')};
--color-white: #{get-color('light')};
--color-bg: #{functions.get-color('light')};
--color-bg-glare: #{functions.get-color('light')};
--color-text: #{functions.get-color('dark')};
--color-text-glare: #{functions.get-color('dark')};
--color-selection-text: #{functions.get-color('light')};
--color-selection-bg: #{functions.get-color('dark')};
--color-stroke: #{functions.get-color('mid')};
--color-action-bg: #{functions.get-color('primary')};
--color-action-text: #{functions.get-color('dark')};
--color-theme-primary: #{functions.get-color('primary')};
--color-theme-primary-glare: #{functions.get-color('primary-glare')};
--color-theme-highlight: #{functions.get-color('highlight')};
--color-theme-highlight-block: #{functions.get-color('highlight')};
--color-theme-secondary: #{functions.get-color('secondary')};
--color-light-gray: #{functions.get-color('light-gray')};
--color-light-blue: #{functions.get-color('light-blue')};
--color-white: #{functions.get-color('light')};
}
body {