LucasLima commited on
Commit
1244ffc
·
verified ·
1 Parent(s): f3cac25

Alteração de paleta de cores

Browse files
Files changed (1) hide show
  1. src/display/css_html_js.py +8 -25
src/display/css_html_js.py CHANGED
@@ -1,36 +1,19 @@
1
  custom_css = """
2
- :root {
3
- /* Override Gradio primary/accent colors with green */
4
- --primary-50: #EAF6F0; /* Lighter shades for backgrounds/hovers */
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 */