Hugging Face's logo

Spaces:
UntilDot
/
Flask
Running

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

Update static/style.css

Browse files
Files changed (1) hide show
  1. static/style.css +28 -19
static/style.css CHANGED
@@ -43,45 +43,54 @@ input::placeholder {
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
  }
 
43
 
44
  button {
45
  background-color: var(--blue) !important;
46
+ color: var(--fg1) !important;
47
+ font-weight: 700;
48
  font-size: 1rem;
49
  letter-spacing: 0.25px;
50
  transition: background-color 0.3s;
51
+ border: none;
52
  }
53
 
54
  button:hover {
55
  background-color: var(--purple) !important;
56
+ color: var(--fg0) !important;
57
+ }
58
+
59
+ /* === Custom Dropdown Styles === */
60
+ .options {
61
+ background-color: var(--bg-statusline1) !important;
62
+ color: var(--fg0);
63
+ backdrop-filter: none !important;
64
+ -webkit-backdrop-filter: none !important;
65
+ box-shadow: 0 4px 8px rgba(0,0,0,0.25) !important;
66
+ scrollbar-width: thin;
67
+ scrollbar-color: #665c54 var(--bg-statusline1);
68
+ border-radius: 0.5rem;
69
  }
70
 
71
+ /* Scrollbar WebKit */
72
  .options::-webkit-scrollbar {
73
  width: 8px;
74
  }
 
75
  .options::-webkit-scrollbar-track {
76
+ background-color: var(--bg-statusline1) !important;
77
+ border-radius: 0.25rem;
78
  }
 
79
  .options::-webkit-scrollbar-thumb {
80
  background-color: #665c54 !important;
81
  border-radius: 4px;
82
+ border: 2px solid var(--bg-statusline1);
83
  }
84
 
85
+ /* Scrollbar hover override */
86
+ .options::-webkit-scrollbar-thumb:hover {
87
+ background-color: #7c6f64 !important;
 
 
 
 
 
88
  }
89
 
90
+ /* Option Hover State */
91
  .options div:hover {
92
+ background-color: var(--blue) !important;
93
+ color: var(--fg1) !important;
94
+ font-weight: 600;
95
+ cursor: pointer;
96
  }