@biit-solutions/wizardry-theme 1.22.2 → 1.22.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/button/biit-action-button/biit-action-button.component.mjs +2 -2
- package/esm2020/navigation/biit-vertical-menu/biit-vertical-menu.component.mjs +3 -3
- package/esm2020/table/biit-table/biit-table.component.mjs +3 -3
- package/fesm2015/biit-solutions-wizardry-theme-button.mjs +2 -2
- package/fesm2015/biit-solutions-wizardry-theme-button.mjs.map +1 -1
- package/fesm2015/biit-solutions-wizardry-theme-navigation.mjs +2 -2
- package/fesm2015/biit-solutions-wizardry-theme-navigation.mjs.map +1 -1
- package/fesm2015/biit-solutions-wizardry-theme-table.mjs +2 -2
- package/fesm2015/biit-solutions-wizardry-theme-table.mjs.map +1 -1
- package/fesm2020/biit-solutions-wizardry-theme-button.mjs +2 -2
- package/fesm2020/biit-solutions-wizardry-theme-button.mjs.map +1 -1
- package/fesm2020/biit-solutions-wizardry-theme-navigation.mjs +2 -2
- package/fesm2020/biit-solutions-wizardry-theme-navigation.mjs.map +1 -1
- package/fesm2020/biit-solutions-wizardry-theme-table.mjs +2 -2
- package/fesm2020/biit-solutions-wizardry-theme-table.mjs.map +1 -1
- package/package.json +1 -1
- package/styles.scss +15 -15
package/styles.scss
CHANGED
|
@@ -9,8 +9,8 @@ html, body{
|
|
|
9
9
|
margin: 0;
|
|
10
10
|
font-family: Montserrat, "Montserrat", sans-serif;
|
|
11
11
|
font-size: 16px;
|
|
12
|
-
color:
|
|
13
|
-
background-color:
|
|
12
|
+
color: var(--component-color);
|
|
13
|
+
background-color: var(--body-background);
|
|
14
14
|
}
|
|
15
15
|
|
|
16
16
|
* {
|
|
@@ -32,14 +32,14 @@ textarea {
|
|
|
32
32
|
@-moz-document url-prefix() {
|
|
33
33
|
* {
|
|
34
34
|
scrollbar-width: thin;
|
|
35
|
-
scrollbar-color:
|
|
35
|
+
scrollbar-color: var(--component-color) var(--body-background);
|
|
36
36
|
}
|
|
37
37
|
*:hover {
|
|
38
|
-
scrollbar-color:
|
|
38
|
+
scrollbar-color: var(--scrollbar-color) var(--body-background);
|
|
39
39
|
}
|
|
40
40
|
|
|
41
41
|
*:active {
|
|
42
|
-
scrollbar-color:
|
|
42
|
+
scrollbar-color: var(--scrollbar-color) var(--body-background);
|
|
43
43
|
}
|
|
44
44
|
}
|
|
45
45
|
|
|
@@ -51,10 +51,10 @@ textarea {
|
|
|
51
51
|
::-webkit-scrollbar-thumb {
|
|
52
52
|
border: 3px solid rgba(0, 0, 0, 0);
|
|
53
53
|
background-clip: padding-box;
|
|
54
|
-
background-color:
|
|
54
|
+
background-color: var(--component-color);
|
|
55
55
|
}
|
|
56
56
|
::-webkit-scrollbar-thumb:hover {
|
|
57
|
-
background-color:
|
|
57
|
+
background-color: var(--scrollbar-color);
|
|
58
58
|
}
|
|
59
59
|
|
|
60
60
|
/*
|
|
@@ -63,14 +63,14 @@ textarea {
|
|
|
63
63
|
|
|
64
64
|
.biit-general-text {
|
|
65
65
|
font-size: 1rem;
|
|
66
|
-
color:
|
|
66
|
+
color: var(--active-color);
|
|
67
67
|
text-align: left;
|
|
68
68
|
}
|
|
69
69
|
|
|
70
70
|
.biit-extra-comment {
|
|
71
71
|
font-family: "Cormorant Garamond", serif;
|
|
72
72
|
font-size: 0.7rem;
|
|
73
|
-
color:
|
|
73
|
+
color: var(--active-color);
|
|
74
74
|
text-align: left;
|
|
75
75
|
}
|
|
76
76
|
|
|
@@ -81,27 +81,27 @@ textarea {
|
|
|
81
81
|
.ngx-contextmenu {
|
|
82
82
|
--ngx-contextmenu-font-family: Montserrat, "Montserrat", sans-serif;
|
|
83
83
|
--ngx-contextmenu-font-size: 1rem;
|
|
84
|
-
--ngx-contextmenu-text-color:
|
|
84
|
+
--ngx-contextmenu-text-color: var(--component-color);
|
|
85
85
|
--ngx-contextmenu-box-shadow: none;
|
|
86
|
-
--ngx-contextmenu-border: 2px solid
|
|
86
|
+
--ngx-contextmenu-border: 2px solid var(--body-background);
|
|
87
87
|
--ngx-contextmenu-border-radius: none;
|
|
88
88
|
--ngx-contextmenu-margin: none;
|
|
89
89
|
--ngx-contextmenu-padding: none;
|
|
90
90
|
--ngx-contextmenu-min-width: 12.5rem;
|
|
91
91
|
--ngx-contextmenu-item-padding: 0.6rem 1rem 0.6rem 2rem;
|
|
92
|
-
--ngx-contextmenu-item-separator-color:
|
|
92
|
+
--ngx-contextmenu-item-separator-color: var(--component-color);
|
|
93
93
|
--ngx-contextmenu-item-separator-padding: 8px;
|
|
94
|
-
--ngx-contextmenu-item-background-hover-color:
|
|
94
|
+
--ngx-contextmenu-item-background-hover-color: var(--main-background);
|
|
95
95
|
|
|
96
96
|
li {
|
|
97
97
|
position: relative;
|
|
98
98
|
|
|
99
99
|
button {
|
|
100
100
|
&:active {
|
|
101
|
-
color:
|
|
101
|
+
color: var(--scrollbar-color) !important;
|
|
102
102
|
}
|
|
103
103
|
&:has(.active) {
|
|
104
|
-
background:
|
|
104
|
+
background: var(--secondary-text-color);
|
|
105
105
|
}
|
|
106
106
|
&:not(.disabled) {
|
|
107
107
|
cursor: pointer;
|