Better color schemes, minor UI fixes
This commit is contained in:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user