mirrors/mue
1
0
Fork 0
mirror of https://github.com/mue/mue.git synced 2026-07-17 14:04:09 +02:00
Code Issues Packages Projects Releases Wiki Activity

refactor: improve dark theme, add switch component etc, fix stuff

Browse Source 
Co-authored-by: Alex Sparkes <turbomarshmello@gmail.com>
This commit is contained in:
David Ralph
2021-03-20 19:45:49 +00:00
parent b7656fa951
commit e4395497ed
23 changed files with 150 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/scss/_themes.scss
View File

@@ -6,6 +6,7 @@ $background: map-get($modal, 'background');
$sidebar: map-get($modal, 'sidebar');
$tab-active: map-get($modal, 'tab-active');
$photo-info: map-get($theme-colours, 'photo-info');
$modal-link: map-get($modal, 'modal-link');
$main-text-dark: map-get($theme-colours, 'secondary');
$modal-text-dark: map-get($theme-colours, 'main');
@@ -13,6 +14,7 @@ $background-dark: map-get($modal, 'background-dark');
$sidebar-dark: map-get($modal, 'sidebar-dark');
$tab-active-dark: map-get($modal, 'tab-active-dark');
$photo-info-dark: map-get($theme-colours, 'photo-info-dark');
$modal-link-dark: map-get($modal, 'modal-link-dark');
:root {
--main-text: #{$main-text};
@@ -21,6 +23,7 @@ $photo-info-dark: map-get($theme-colours, 'photo-info-dark');
--sidebar: #{$sidebar};
--tab-active: #{$tab-active};
--photo-info: #{$photo-info};
--modal-link: #{$modal-link};
}
.dark {
@@ -30,4 +33,5 @@ $photo-info-dark: map-get($theme-colours, 'photo-info-dark');
--sidebar: #{$sidebar-dark};
--tab-active: #{$tab-active-dark};
--photo-info: #{$photo-info-dark};
--modal-link: #{$modal-link-dark};
}

4
src/scss/_variables.scss
View File

@@ -19,7 +19,9 @@ $modal: (
'sidebar': #f0f0f0,
'tab-active': rgba(219, 219, 219, 0.72),
'sidebar-dark': #353b48,
'tab-active-dark': rgba(65, 71, 84, .9)
'tab-active-dark': rgba(65, 71, 84, .9),
'modal-link': #5352ed,
'modal-link-dark': #3498db
);
$marketplace: (