Spaces:
Running
Running
Alteração de paleta de cores
Browse files- src/display/css_html_js.py +8 -25
src/display/css_html_js.py
CHANGED
@@ -1,36 +1,19 @@
|
|
1 |
custom_css = """
|
2 |
-
|
3 |
-
|
4 |
-
|
5 |
-
--primary-100: #C6E5D4;
|
6 |
-
--primary-200: #A1D5B9;
|
7 |
-
--primary-300: #7BC49D;
|
8 |
-
--primary-400: #56B482;
|
9 |
-
--primary-500: #2E8B57; /* Main green color */
|
10 |
-
--primary-600: #277D4F; /* Darker shades for borders/active states */
|
11 |
-
--primary-700: #206942;
|
12 |
-
--primary-800: #195635;
|
13 |
-
--primary-900: #124228;
|
14 |
-
--primary-950: #0B2E1C;
|
15 |
-
|
16 |
-
/* You might need to adjust secondary colors too if the green clashes */
|
17 |
-
/* Example: Making secondary a bit darker/neutral */
|
18 |
-
/* --secondary-600: #57606a; */
|
19 |
-
}
|
20 |
-
|
21 |
-
/* Ensure sliders use the new primary color */
|
22 |
input[type='range']::-webkit-slider-thumb {
|
23 |
-
background-color: var(--primary-500);
|
24 |
}
|
25 |
|
26 |
input[type='range']::-moz-range-thumb {
|
27 |
-
background-color: var(--primary-500);
|
28 |
}
|
29 |
|
30 |
-
/* Ensure checkboxes use the new primary color */
|
31 |
input[type="checkbox"]:checked {
|
32 |
-
background-color: var(--primary-500);
|
33 |
-
border-color: var(--primary-600);
|
34 |
}
|
35 |
|
36 |
/* You might need more specific selectors depending on the components used */
|
|
|
1 |
custom_css = """
|
2 |
+
|
3 |
+
|
4 |
+
/* Ensure sliders use the new primary color (Manter por segurança) */
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
5 |
input[type='range']::-webkit-slider-thumb {
|
6 |
+
background-color: var(--primary-500); /* Deve herdar do tema agora */
|
7 |
}
|
8 |
|
9 |
input[type='range']::-moz-range-thumb {
|
10 |
+
background-color: var(--primary-500); /* Deve herdar do tema agora */
|
11 |
}
|
12 |
|
13 |
+
/* Ensure checkboxes use the new primary color (Manter por segurança) */
|
14 |
input[type="checkbox"]:checked {
|
15 |
+
background-color: var(--primary-500); /* Deve herdar do tema agora */
|
16 |
+
border-color: var(--primary-600); /* Deve herdar do tema agora */
|
17 |
}
|
18 |
|
19 |
/* You might need more specific selectors depending on the components used */
|