shpaq/Prowlarr-Prowlarr
1
0
Fork 0
mirror of https://github.com/Prowlarr/Prowlarr.git synced 2025-09-17 17:14:18 +02:00
Code Issues Packages Projects Releases Wiki Activity

New: Move to CSS Variables for Colorings

Browse Source
This commit is contained in:
Qstick
2021-11-21 17:00:02 -06:00
parent 8d39d5c6bb
commit 2b58f3131e
90 changed files with 354 additions and 547 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/Components/Tooltip/Popover.css
View File

@@ -1,7 +1,7 @@
.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;
}

40
frontend/src/Components/Tooltip/Tooltip.css
View File

@@ -7,13 +7,13 @@
position: relative;
&.default {
background-color: $white;
box-shadow: 0 5px 10px $popoverShadowColor;
background-color: var(--white);
box-shadow: 0 5px 10px var(--popoverShadowColor);
}
&.inverse {
background-color: $themeDarkColor;
box-shadow: 0 5px 10px $popoverShadowInverseColor;
background-color: var(--themeDarkColor);
box-shadow: 0 5px 10px var(--popoverShadowInverseColor);
}
}
@@ -49,20 +49,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);
}
}
@@ -78,20 +78,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);
}
}
@@ -107,20 +107,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);
}
}
@@ -136,20 +136,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);
}
}