improve theme color control via variables
This commit is contained in:
@ -3,7 +3,7 @@
|
||||
.card {
|
||||
composes: base container rounded;
|
||||
overflow: hidden;
|
||||
border: 2px solid var(--textFieldBorderColor);
|
||||
border: var(--textFieldBorder);
|
||||
transition: all .1s ease-in-out;
|
||||
transform: translateY(0);
|
||||
padding: 16px 24px;
|
||||
|
@ -13,11 +13,12 @@
|
||||
--textMutedColor: #8c8c8c;
|
||||
--borderRadius: 4px;
|
||||
--borderRadiusLarge: 8px;
|
||||
--dropShadow: 0 2px 8px 0 rgba(0, 0, 0, .16);
|
||||
--secondaryColor: #d9d9d9;
|
||||
--dropShadow: 0 2px 8px 0 var(--secondaryColor);
|
||||
--topmostZindex: 99999;
|
||||
--foregroundAltColor: #fff;
|
||||
--backgroundAltColor: #232528;
|
||||
--textFieldBorderColor: rgba(0, 0, 0, .15);
|
||||
--textFieldBorderColor: var(--secondaryColor);
|
||||
--highlightFGColor: #fff;
|
||||
--highlightBGColor: #3ab7a5;
|
||||
--highlightFGAltColor: #eee;
|
||||
@ -26,6 +27,9 @@
|
||||
--backgroundTertiaryColor: #fff;
|
||||
--backgroundTertiaryColorDark: color(var(--backgroundTertiaryColor) lightness(90%));
|
||||
--richTextEditorMinHeight: 300px;
|
||||
--borderWidth: 2px;
|
||||
--border: solid var(--borderWidth) var(--secondaryColor);
|
||||
--textFieldBorder: var(--border);
|
||||
}
|
||||
|
||||
.base {
|
||||
|
Reference in New Issue
Block a user