Hugging Face's logo

Spaces:
UntilDot
/
Flask
Running

App Files Community
UntilDot commited on
Commit
b5c27b5
·
verified ·
1 Parent(s): 49124bc

Update static/style.css

Browse files
Files changed (1) hide show
  1. static/style.css +21 -15
static/style.css CHANGED
@@ -42,40 +42,46 @@ input::placeholder {
42
  }
43
 
44
  button {
45
- background-color: var(--green);
 
 
 
 
46
  transition: background-color 0.3s;
47
  }
48
 
49
  button:hover {
50
- background-color: var(--visual_green);
51
  }
52
 
53
  /* === Custom Scrollbars for Gruvbox === */
54
-
55
  .options::-webkit-scrollbar {
56
- width: 8px;
57
  }
58
 
59
  .options::-webkit-scrollbar-track {
60
- background: #1d2021; /* Gruvbox darker background */
61
  }
62
 
63
  .options::-webkit-scrollbar-thumb {
64
- background-color: #665c54; /* Gruvbox gray */
65
- border-radius: 4px;
66
- border: 2px solid #1d2021;
67
  }
68
 
69
- /* Firefox scrollbar */
70
  .options {
71
- scrollbar-width: thin;
72
- scrollbar-color: #665c54 #1d2021;
 
 
 
 
 
73
  }
74
 
75
- /* === Additional optional improvements === */
76
-
77
  /* Smooth hover effect for model options */
78
  .options div:hover {
79
- background-color: #458588; /* Gruvbox blue-green hover */
80
- color: #fbf1c7; /* Gruvbox light text */
 
81
  }
 
42
  }
43
 
44
  button {
45
+ background-color: var(--blue) !important;
46
+ color: var(--fg0);
47
+ font-weight: 600;
48
+ font-size: 1rem;
49
+ letter-spacing: 0.25px;
50
  transition: background-color 0.3s;
51
  }
52
 
53
  button:hover {
54
+ background-color: var(--purple) !important;
55
  }
56
 
57
  /* === Custom Scrollbars for Gruvbox === */
 
58
  .options::-webkit-scrollbar {
59
+ width: 8px;
60
  }
61
 
62
  .options::-webkit-scrollbar-track {
63
+ background: #1d2021 !important;
64
  }
65
 
66
  .options::-webkit-scrollbar-thumb {
67
+ background-color: #665c54 !important;
68
+ border-radius: 4px;
69
+ border: 2px solid #1d2021;
70
  }
71
 
 
72
  .options {
73
+ background-color: #282828 !important;
74
+ background-image: none !important;
75
+ backdrop-filter: none !important;
76
+ -webkit-backdrop-filter: none !important;
77
+ box-shadow: 0 4px 8px rgba(0,0,0,0.25) !important;
78
+ scrollbar-width: thin;
79
+ scrollbar-color: #665c54 #1d2021;
80
  }
81
 
 
 
82
  /* Smooth hover effect for model options */
83
  .options div:hover {
84
+ background-color: #458588 !important; /* Gruvbox blue-green hover */
85
+ color: #fbf1c7 !important; /* Gruvbox light text */
86
+ font-weight: 500;
87
  }