1
0
mirror of https://github.com/Sonarr/Sonarr.git synced 2026-04-25 22:46:31 -04:00

New: Native Theme Engine

Co-Authored-By: Zak Saunders <thezak48@users.noreply.github.com>
This commit is contained in:
Qstick
2021-11-20 17:15:30 -06:00
committed by Mark McDowall
parent e1de523c89
commit 2291f3e00e
139 changed files with 849 additions and 456 deletions
+3 -2
View File
@@ -1,13 +1,14 @@
.title {
padding: 10px 20px;
border-bottom: 1px solid $popoverTitleBorderColor;
background-color: $popoverTitleBackgroundColor;
border-bottom: 1px solid var(--popoverTitleBorderColor);
background-color: var(--popoverTitleBackgroundColor);
font-size: 16px;
}
.body {
overflow: auto;
padding: 10px;
background-color: var(--popoverBodyBackgroundColor);
}
.tooltipBody {
+21 -21
View File
@@ -7,14 +7,14 @@
position: relative;
&.default {
background-color: $white;
box-shadow: 0 5px 10px $popoverShadowColor;
background-color: var(--popoverBodyBackgroundColor);
box-shadow: 0 5px 10px var(--popoverShadowColor);
}
&.inverse {
background-color: $themeDarkColor;
box-shadow: 0 5px 10px $popoverShadowInverseColor;
color: $white;
background-color: var(--themeDarkColor);
box-shadow: 0 5px 10px var(--popoverShadowInverseColor);
color: var(--white);
}
}
@@ -50,20 +50,20 @@
content: ' ';
&.default {
border-top-color: $popoverArrowBorderColor;
border-top-color: var(--popoverArrowBorderColor);
}
&.inverse {
border-top-color: $popoverArrowBorderInverseColor;
border-top-color: var(--popoverArrowBorderInverseColor);
}
}
&.default {
border-top-color: $popoverArrowBorderColor;
border-top-color: var(--popoverArrowBorderColor);
}
&.inverse {
border-top-color: $popoverArrowBorderInverseColor;
border-top-color: var(--popoverArrowBorderInverseColor);
}
}
@@ -79,20 +79,20 @@
content: ' ';
&.default {
border-right-color: $popoverArrowBorderColor;
border-right-color: var(--popoverArrowBorderColor);
}
&.inverse {
border-right-color: $popoverArrowBorderInverseColor;
border-right-color: var(--popoverArrowBorderInverseColor);
}
}
&.default {
border-right-color: $popoverArrowBorderColor;
border-right-color: var(--popoverArrowBorderColor);
}
&.inverse {
border-right-color: $popoverArrowBorderInverseColor;
border-right-color: var(--popoverArrowBorderInverseColor);
}
}
@@ -108,20 +108,20 @@
content: ' ';
&.default {
border-bottom-color: $popoverArrowBorderColor;
border-bottom-color: var(--popoverArrowBorderColor);
}
&.inverse {
border-bottom-color: $popoverArrowBorderInverseColor;
border-bottom-color: var(--popoverArrowBorderInverseColor);
}
}
&.default {
border-bottom-color: $popoverArrowBorderColor;
border-bottom-color: var(--popoverArrowBorderColor);
}
&.inverse {
border-bottom-color: $popoverArrowBorderInverseColor;
border-bottom-color: var(--popoverArrowBorderInverseColor);
}
}
@@ -137,20 +137,20 @@
content: ' ';
&.default {
border-left-color: $popoverArrowBorderColor;
border-left-color: var(--popoverArrowBorderColor);
}
&.inverse {
border-left-color: $popoverArrowBorderInverseColor;
border-left-color: var(--popoverArrowBorderInverseColor);
}
}
&.default {
border-left-color: $popoverArrowBorderColor;
border-left-color: var(--popoverArrowBorderColor);
}
&.inverse {
border-left-color: $popoverArrowBorderInverseColor;
border-left-color: var(--popoverArrowBorderInverseColor);
}
}