adrinux
/
frontend
forked from vikunja/frontend
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Add prefers-color-scheme dark media query, reversed color vars

This commit is contained in:
Adrian Simmons 2021-09-09 13:15:06 +01:00
parent 854ca3a2f1
commit 2899258744
1 changed files with 14 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/styles/variables/colors.scss
View File

@ -9,6 +9,19 @@ $grey-700: #374151;
$grey-800: #1F2937;
$grey-900: #111827;
@media (prefers-color-scheme: dark) {
$grey-900: #F9FAFB;
$grey-800: #f3f4f6;
$grey-700: #E5E7EB;
$grey-600: #D1D5DB;
$grey-500: #9CA3AF;
$grey-400: #6B7280;
$grey-300: #4B5563;
$grey-200: #374151;
$grey-100: #1F2937;
$grey-50: #111827;
}
// Bulma defaults
$grey-dark: $grey-800;
$grey-darker: $grey-700;
@ -16,3 +29,4 @@ $grey: $grey-500;
$grey-light: $grey-300;
$grey-lighter: $grey-200;
$grey-lightest: $grey-100;