Better color schemes, minor UI fixes

This commit is contained in:
Liyas Thomas
2020-09-24 22:52:17 +05:30
parent 59e492b2a6
commit f36db182f1
6 changed files with 22 additions and 32 deletions

View File

@@ -23,6 +23,8 @@
--tt-color: rgba(53, 53, 53, 1);
// Editor theme
--editor-theme: "twilight";
// Active text color
--act-color: rgba(32, 33, 36, 1);
}
@mixin lightTheme {
@@ -44,6 +46,8 @@
--tt-color: rgba(220, 220, 220, 1);
// Editor theme
--editor-theme: "iplastic";
// Active text color
--act-color: rgba(255, 255, 255, 1);
}
@mixin blackTheme {
@@ -65,62 +69,48 @@
--tt-color: rgba(18, 18, 18, 1);
// Editor theme
--editor-theme: "vibrant_ink";
// Active text color
--act-color: rgba(0, 0, 0, 1);
}
@mixin blueTheme {
// Acent color
--ac-color: theme("colors.blue.400");
// Active text color
--act-color: rgba(32, 33, 36, 1);
}
@mixin greenTheme {
// Acent color
--ac-color: theme("colors.green.400");
// Active text color
--act-color: rgba(32, 33, 36, 1);
}
@mixin tealTheme {
// Acent color
--ac-color: theme("colors.teal.400");
// Active text color
--act-color: rgba(32, 33, 36, 1);
}
@mixin purpleTheme {
// Acent color
--ac-color: theme("colors.purple.400");
// Active text color
--act-color: rgba(32, 33, 36, 1);
}
@mixin orangeTheme {
// Acent color
--ac-color: theme("colors.orange.400");
// Active text color
--act-color: rgba(32, 33, 36, 1);
}
@mixin pinkTheme {
// Acent color
--ac-color: theme("colors.pink.400");
// Active text color
--act-color: rgba(32, 33, 36, 1);
}
@mixin redTheme {
// Acent color
--ac-color: theme("colors.red.400");
// Active text color
--act-color: rgba(32, 33, 36, 1);
}
@mixin yellowTheme {
// Acent color
--ac-color: theme("colors.yellow.400");
// Active text color
--act-color: rgba(32, 33, 36, 1);
}
:root {