hendrik/lens
1
0 Fork 0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
Code Issues Projects Releases Wiki Activity

Replacing global themed sass-vars to css-vars (#4322)

Browse Source 
* generating css-vars
* convert all global / theme sass vars to css vars with available default theme colors
* added missing colors to dark lens theme
This commit is contained in:
Roman authored and GitHub committed 2021-11-15 17:37:23 +02:00
1 parent 3214d8dfd5
commit 4c83f5becf
89 files changed
+463 -433
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/renderer/components/icon/icon.scss
+8 -8
View File
@@ -24,9 +24,9 @@
--small-size: 18px;
--smallest-size: 16px;
--big-size: 32px;
--color-active: #{$iconActiveColor};
--bgc-active: #{$iconActiveBackground};
--focus-color: var(--icon-focus-color, #{$lensBlue});
--color-active: var(--iconActiveColor);
--bgc-active: var(--iconActiveBackground);
--focus-color: var(--icon-focus-color, var(--blue));
display: inline-flex;
flex-shrink: 0;
@@ -119,8 +119,8 @@
}
&.sticker {
background: $colorOk;
color: $textColorAccent;
background: var(--colorOk);
color: var(--textColorAccent);
border-radius: 50%;
box-sizing: content-box;
padding: $padding * 0.5;
@@ -128,8 +128,8 @@
&.active {
color: var(--color-active);
box-shadow: 0 0 0 2px $iconActiveBackground;
background-color: $iconActiveBackground;
box-shadow: 0 0 0 2px var(--iconActiveBackground);
background-color: var(--iconActiveBackground);
}
&.interactive {
@@ -144,7 +144,7 @@
box-shadow: none;
&.active {
box-shadow: 0 0 0 2px $iconActiveBackground;
box-shadow: 0 0 0 2px var(--iconActiveBackground);
}
}
}