btwedutech/hoppscotch
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 6 Wiki Activity

🎨 Updated color schemes

Browse Source
This commit is contained in:
Liyas Thomas
2019-12-09 09:05:03 +05:30
parent cd8b4d0dd1
commit 979909ad57
3 changed files with 56 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
assets/css/themes.scss
View File

@@ -8,10 +8,12 @@
// Dark is the default theme variant.
@mixin darkTheme {
// Dark Background color
--bg-dark-color: rgb(41, 42, 45);
// Background color
--bg-color: rgb(37, 38, 40);
// Light Background color
--bg-light-color: rgba(255, 255, 255, 0.05);
//Dark Background color
--bg-dark-color: rgba(0, 0, 0, 0.1);
// Auto-complete color
--atc-color: rgb(49, 49, 55);
// Text color
@@ -28,19 +30,13 @@
--act-color: rgb(37, 38, 40);
}
:root {
@include darkTheme;
}
@media (prefers-color-scheme: dark) {
:root.auto {
@include darkTheme;
}
}
@mixin lightTheme {
// Dark Background color
--bg-dark-color: #eeeeee;
// Light Background color
--bg-light-color: rgba(0, 0, 0, 0.02);
//Dark Background color
--bg-dark-color: rgba(0, 0, 0, 0.05);
// Background color
--bg-color: #ffffff;
// Auto-complete color
@@ -59,19 +55,13 @@
--act-color: #ffffff;
}
:root.light {
@include lightTheme;
}
@media (prefers-color-scheme: light) {
:root.auto {
@include lightTheme;
}
}
@mixin blackTheme {
// Dark Background color
--bg-dark-color: rgb(8, 8, 8);
// Light Background color
--bg-light-color: rgba(255, 255, 255, 0.02);
//Dark Background color
--bg-dark-color: rgba(255, 255, 255, 0.02);
// Background color
--bg-color: #000000;
// Auto-complete color
@@ -90,6 +80,26 @@
--act-color: #000000;
}
:root {
@include darkTheme;
}
:root.light {
@include lightTheme;
}
:root.black {
@include blackTheme;
}
@media (prefers-color-scheme: dark) {
:root.auto {
@include darkTheme;
}
}
@media (prefers-color-scheme: light) {
:root.auto {
@include lightTheme;
}
}