browser-extension-settings 0.8.8 → 0.8.9
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/lib/settings.ts +2 -0
- package/lib/style.scss +13 -8
- package/package.json +1 -1
package/lib/settings.ts
CHANGED
|
@@ -460,6 +460,7 @@ function createSettingsElement() {
|
|
|
460
460
|
|
|
461
461
|
case "action": {
|
|
462
462
|
addElement(optionGroup, "a", {
|
|
463
|
+
"data-key": key,
|
|
463
464
|
class: "action",
|
|
464
465
|
textContent: item.title,
|
|
465
466
|
onclick: (item as SettingsActionItem).onclick,
|
|
@@ -474,6 +475,7 @@ function createSettingsElement() {
|
|
|
474
475
|
})
|
|
475
476
|
|
|
476
477
|
addElement(div4, "a", {
|
|
478
|
+
"data-key": key,
|
|
477
479
|
textContent: item.title,
|
|
478
480
|
href: (item as SettingsActionItem).url,
|
|
479
481
|
target: "_blank",
|
package/lib/style.scss
CHANGED
|
@@ -4,6 +4,11 @@
|
|
|
4
4
|
--browser-extension-settings-text-color: #444444;
|
|
5
5
|
--browser-extension-settings-link-color: #217dfc;
|
|
6
6
|
--browser-extension-settings-border-radius: 8px;
|
|
7
|
+
--browser-extension-settings-group-background-color: #ffffff;
|
|
8
|
+
--browser-extension-settings-group-separator-color: #cccccc;
|
|
9
|
+
--darkreader-border--browser-extension-settings-group-background-color: #303436;
|
|
10
|
+
--darkreader-bg--browser-extension-settings-group-background-color: #303436;
|
|
11
|
+
--darkreader-bg--browser-extension-settings-group-separator-color: #181a1b;
|
|
7
12
|
--sb-track-color: #00000000;
|
|
8
13
|
--sb-thumb-color: #33334480;
|
|
9
14
|
--sb-size: 2px;
|
|
@@ -127,11 +132,15 @@
|
|
|
127
132
|
}
|
|
128
133
|
|
|
129
134
|
.option_groups {
|
|
130
|
-
background-color:
|
|
131
|
-
padding:
|
|
135
|
+
background-color: var(--browser-extension-settings-group-separator-color);
|
|
136
|
+
padding: 0;
|
|
137
|
+
border-style: solid;
|
|
138
|
+
border-color: var(--browser-extension-settings-group-background-color);
|
|
139
|
+
border-width: 6px 15px;
|
|
132
140
|
border-radius: 10px;
|
|
133
141
|
display: flex;
|
|
134
142
|
flex-direction: column;
|
|
143
|
+
gap: 1px;
|
|
135
144
|
margin: 10px 0 0;
|
|
136
145
|
}
|
|
137
146
|
|
|
@@ -179,11 +188,7 @@
|
|
|
179
188
|
}
|
|
180
189
|
|
|
181
190
|
.option_groups > * {
|
|
182
|
-
|
|
183
|
-
}
|
|
184
|
-
|
|
185
|
-
.option_groups > *:first-child {
|
|
186
|
-
border-top: none;
|
|
191
|
+
background-color: var(--browser-extension-settings-group-background-color);
|
|
187
192
|
}
|
|
188
193
|
|
|
189
194
|
.bes_option > .bes_icon {
|
|
@@ -199,7 +204,7 @@
|
|
|
199
204
|
.bes_option > .bes_select {
|
|
200
205
|
color: var(--browser-extension-settings-text-color);
|
|
201
206
|
box-sizing: border-box;
|
|
202
|
-
background-color:
|
|
207
|
+
background-color: var(--browser-extension-settings-group-background-color);
|
|
203
208
|
height: 24px;
|
|
204
209
|
padding: 0 2px 0 2px;
|
|
205
210
|
margin: 0;
|