michael.reber/rclone-webui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

load colorscheme initially from css

Browse Source 
Provides a faster way of knowing the default color scheme of the user. But will be overriden by the settings in settings.jsx
This commit is contained in:
Luc Appelman 2021-11-22 13:29:46 +01:00 committed by GitHub
parent 8d0361cd80
commit 6facf41dba
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 15 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/index.css
View File

@ -33,6 +33,20 @@ html {
color: var(--text-color);
}
@media (prefers-color-scheme: dark) {
--background-color: #000;
--popup-background: #222;
--popup-header: #333;
--box-gradient: linear-gradient(#71caf220, #3f79ad33);
--box-radial-gradient: radial-gradient(#71caf220, transparent 150%);
--status-red: linear-gradient(#f56565aa, #c92222);
--status-green: linear-gradient(#95ee85aa, #3c891c);
--text-color: #fff;
--text-hover: #eee;
--button-color: #111;
--button-hover: #1a1a1a;
}
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
@ -70,4 +84,4 @@ body {
background-color: var(--thumbBG) ;
border-radius: 6px;
border: 3px solid var(--scrollbarBG);
}
}