mirrors/mue
1
0
Fork 0
mirror of https://github.com/mue/mue.git synced 2026-07-27 10:41:08 +02:00
Code Issues Packages Projects Releases Wiki Activity

style(settings): Slight gradient to feature icon of setting section

Browse Source
This commit is contained in:
alexsparkes
2024-02-10 13:54:06 +00:00
parent ad2af657d7
commit 8c7cfd3cb1
2 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/modals/main/scss/index.scss
View File

@@ -258,7 +258,7 @@ h5 {
gap: 25px; gap: 25px;
svg { svg {
@include themed() { @include themed() {
background-color: t($modal-sidebar); background-image: t($slightGradient);
box-shadow: t($boxShadow); box-shadow: t($boxShadow);
} }
padding: 15px; padding: 15px;

3
src/scss/_variables.scss
View File

@@ -17,6 +17,7 @@ $modal-sidebarActive: 'modal-sidebarActive';
$link: 'link'; $link: 'link';
$weather: 'weather'; $weather: 'weather';
$modal-secondaryColour: 'modal-secondaryColour'; $modal-secondaryColour: 'modal-secondaryColour';
$slightGradient: 'slightGradient';
$theme-colours: ( $theme-colours: (
'gradient': linear-gradient(90deg, #ffb032 0%, #dd3b67 100%), 'gradient': linear-gradient(90deg, #ffb032 0%, #dd3b67 100%),
'main': rgb(242 243 244 / 100%), 'main': rgb(242 243 244 / 100%),
@@ -67,6 +68,7 @@ $themes: (
'modal-sidebarActive': rgb(219 219 219 / 72%), 'modal-sidebarActive': rgb(219 219 219 / 72%),
'modal-secondaryColour': #fafafa, 'modal-secondaryColour': #fafafa,
'link': #5352ed, 'link': #5352ed,
'slightGradient': linear-gradient(#ffffff, #dddddd),
), ),
dark: ( dark: (
'weather': #e7e7e7, 'weather': #e7e7e7,
@@ -83,6 +85,7 @@ $themes: (
'modal-sidebarActive': #333, 'modal-sidebarActive': #333,
'modal-secondaryColour': #111, 'modal-secondaryColour': #111,
'link': rgb(115 115 255), 'link': rgb(115 115 255),
'slightGradient': linear-gradient(#0e1013, #322a2a),
), ),
); );