improve theme color control via variables

This commit is contained in:
Shawn Erquhart
2017-05-18 11:12:37 -04:00
parent 3a78626900
commit 62a8de98da
10 changed files with 43 additions and 34 deletions

View File

@ -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;

View File

@ -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 {