@@ -12,7 +12,7 @@ searchentry:focus-visible, expander:focus-visible {
1212.card {
1313 border-radius : 12px ;
1414 border : 1px solid alpha (@borders , 0.18 );
15- background-color : alpha ( @card_bg_color , 0.60 ) ;
15+ background-color: @card_bg_color ;
1616 box-shadow : 0 1px 3px alpha (black, 0.04 );
1717 transition : box-shadow 200ms ease;
1818}
@@ -27,40 +27,40 @@ searchentry:focus-visible, expander:focus-visible {
2727.intro-kernel {
2828 background-image : linear-gradient (
2929 to bottom right,
30- alpha (# 3584e4, 0.14 ),
31- alpha (# 1c71d8, 0.04 )
30+ alpha (# 3584e4, 0.08 ),
31+ alpha (# 1c71d8, 0.02 )
3232 );
33- border : 1.5px solid alpha (# 3584e4, 0.20 );
33+ border : 1.5px solid alpha (# 3584e4, 0.15 );
3434 box-shadow :
35- 0 0 0 1px alpha (# 3584e4, 0.06 ),
36- 0 4px 16px alpha (# 3584e4, 0.12 ),
37- 0 1px 3px alpha (black, 0.06 );
35+ 0 0 0 1px alpha (# 3584e4, 0.04 ),
36+ 0 4px 16px alpha (# 3584e4, 0.08 ),
37+ 0 1px 3px alpha (black, 0.04 );
3838}
3939.intro-kernel : hover {
40- border-color : alpha (# 3584e4, 0.35 );
40+ border-color : alpha (# 3584e4, 0.28 );
4141 box-shadow :
42- 0 0 0 1px alpha (# 3584e4, 0.10 ),
43- 0 8px 28px alpha (# 3584e4, 0.18 ),
44- 0 2px 6px alpha (black, 0.08 );
42+ 0 0 0 1px alpha (# 3584e4, 0.07 ),
43+ 0 8px 28px alpha (# 3584e4, 0.12 ),
44+ 0 2px 6px alpha (black, 0.06 );
4545}
4646.intro-drivers {
4747 background-image : linear-gradient (
4848 to bottom right,
49- alpha (# 26a269, 0.14 ),
50- alpha (# 1a8a55, 0.04 )
49+ alpha (# 26a269, 0.08 ),
50+ alpha (# 1a8a55, 0.02 )
5151 );
52- border : 1.5px solid alpha (# 26a269, 0.20 );
52+ border : 1.5px solid alpha (# 26a269, 0.15 );
5353 box-shadow :
54- 0 0 0 1px alpha (# 26a269, 0.06 ),
55- 0 4px 16px alpha (# 26a269, 0.12 ),
56- 0 1px 3px alpha (black, 0.06 );
54+ 0 0 0 1px alpha (# 26a269, 0.04 ),
55+ 0 4px 16px alpha (# 26a269, 0.08 ),
56+ 0 1px 3px alpha (black, 0.04 );
5757}
5858.intro-drivers : hover {
59- border-color : alpha (# 26a269, 0.35 );
59+ border-color : alpha (# 26a269, 0.28 );
6060 box-shadow :
61- 0 0 0 1px alpha (# 26a269, 0.10 ),
62- 0 8px 28px alpha (# 26a269, 0.18 ),
63- 0 2px 6px alpha (black, 0.08 );
61+ 0 0 0 1px alpha (# 26a269, 0.07 ),
62+ 0 8px 28px alpha (# 26a269, 0.12 ),
63+ 0 2px 6px alpha (black, 0.06 );
6464}
6565/* Separator accent line */
6666.intro-sep { border-radius : 2px ; }
@@ -74,42 +74,66 @@ searchentry:focus-visible, expander:focus-visible {
7474/* --- Alert card (inline recommendations) -------------------------- */
7575.alert-card {
7676 padding : 16px ; border-radius : 8px ;
77- border : 1px solid alpha (@warning_color , 0.3 );
78- border-left : 4px solid @warning_color ;
79- background : alpha (@warning_color , 0.06 );
77+ border : 1px solid alpha (# e5a50a , 0.25 );
78+ border-left : 4px solid # e5a50a ;
79+ background : alpha (# e5a50a , 0.04 );
8080}
8181.alert-card .info {
82- border-color : alpha (@accent_color , 0.3 );
83- border-left : 4px solid @accent_color ;
84- background : alpha (@accent_color , 0.06 );
82+ border-color : alpha (# 3584e4 , 0.25 );
83+ border-left : 4px solid # 3584e4 ;
84+ background : alpha (# 3584e4 , 0.04 );
8585}
8686
8787/* --- In-use pill -------------------------------------------------- */
8888.badge-box {
8989 border-radius : 4px ;
9090 padding : 2px 8px ;
9191}
92- .badge-box .success { background : alpha (@success_color , 0.18 ); }
93- .badge-box .warning { background : alpha (@warning_color , 0.18 ); }
94- .badge-box .accent { background : alpha (@accent_color , 0.18 ); }
95- .badge-box .purple { background : alpha (# 9141ac, 0.22 ); }
96- .badge-box .danger { background : alpha (@error_color , 0.18 ); }
92+ .badge-box .success {
93+ background : alpha (# 2ec27e, 0.10 );
94+ }
95+
96+ .badge-box .warning {
97+ background : alpha (# e5a50a, 0.10 );
98+ }
99+
100+ .badge-box .accent {
101+ background : alpha (# 3584e4, 0.10 );
102+ }
103+
104+ .badge-box .purple {
105+ background : alpha (# 9141ac, 0.12 );
106+ }
107+
108+ .badge-box .danger {
109+ background : alpha (# c01c28, 0.10 );
110+ }
97111
98112.badge {
99113 font-size : 0.8em ;
100114 font-weight : 600 ;
101115}
102- .badge-box .success .badge { color: @success_color ; }
103- .badge-box .warning .badge { color: @warning_color ; }
104- .badge-box .accent .badge { color: @accent_color ; }
116+ .badge-box .success .badge {
117+ color : # 2ec27e ;
118+ }
119+
120+ .badge-box .warning .badge {
121+ color : # e5a50a ;
122+ }
123+
124+ .badge-box .accent .badge {
125+ color : # 3584e4 ;
126+ }
105127.badge-box .purple .badge { color : # c061cb ; }
106- .badge-box .danger .badge { color: @error_color ; }
128+ .badge-box .danger .badge {
129+ color : # c01c28 ;
130+ }
107131
108132/* --- Active pill -------------------------------------------------- */
109133.active-pill {
110134 padding : 2px 8px ;
111135 border-radius : 4px ;
112- background : linear-gradient (135deg , alpha (@success_color , 0.22 ), alpha (@success_color , 0.08 ));
136+ background : linear-gradient (135deg , alpha (# 2ec27e , 0.16 ), alpha (# 2ec27e , 0.06 ));
113137}
114138
115139/* --- Active button (green suggested-action override) -------------- */
@@ -121,24 +145,24 @@ searchentry:focus-visible, expander:focus-visible {
121145
122146/* --- Purpose section cards ---------------------------------------- */
123147.purpose-card-gaming {
124- background : linear-gradient ( 160 deg , alpha( @accent_color , 0.06 ) , @ card_bg_color) ;
125- border-left : 3px solid alpha (@accent_color , 0.40 );
148+ background: @ card_bg_color ;
149+ border-left : 3px solid alpha (# 3584e4 , 0.35 );
126150}
127151.purpose-card-video {
128- background : linear-gradient ( 160 deg , alpha( @success_color , 0.06 ) , @ card_bg_color) ;
129- border-left : 3px solid alpha (@success_color , 0.40 );
152+ background: @ card_bg_color ;
153+ border-left : 3px solid alpha (# 2ec27e , 0.35 );
130154}
131155.purpose-card-compute {
132- background : linear-gradient ( 160 deg , alpha( @warning_color , 0.06 ) , @ card_bg_color) ;
133- border-left : 3px solid alpha (@warning_color , 0.40 );
156+ background: @ card_bg_color ;
157+ border-left : 3px solid alpha (# e5a50a , 0.35 );
134158}
135159.purpose-card-nvidia {
136- background : linear-gradient ( 160 deg , alpha ( # 76b900 , 0.06 ) , @card_bg_color ) ;
137- border-left : 3px solid alpha (# 76b900, 0.40 );
160+ background: @card_bg_color ;
161+ border-left : 3px solid alpha (# 76b900, 0.35 );
138162}
139163.purpose-card-mesa {
140- background : linear-gradient ( 160 deg , alpha( @accent_color , 0.04 ) , @ card_bg_color) ;
141- border-left : 3px solid alpha (@accent_color , 0.30 );
164+ background: @ card_bg_color ;
165+ border-left : 3px solid alpha (# 3584e4 , 0.28 );
142166}
143167
144168/* Package row inside purpose card */
@@ -147,21 +171,21 @@ searchentry:focus-visible, expander:focus-visible {
147171 margin-top : 4px ;
148172 margin-bottom : 8px ;
149173 border-radius : 8px ;
150- background : alpha (@window_fg_color , 0.05 );
151- border : 1px solid alpha (@borders , 0.08 );
174+ background : alpha (@window_fg_color , 0.03 );
175+ border : 1px solid alpha (@borders , 0.06 );
152176}
153177
154178/* --- Recommendations card ----------------------------------------- */
155179.purpose-card-recommend {
156180 padding : 0 ;
157- background : linear-gradient ( 160 deg , alpha ( @accent_color , 0.06 ) , alpha( @warning_color , 0.03 ) , @ card_bg_color) ;
158- border-left : 3px solid alpha (@accent_color , 0.40 );
181+ background: @ card_bg_color ;
182+ border-left : 3px solid alpha (# 3584e4 , 0.35 );
159183}
160184
161185.purpose-card-suggest {
162186 padding : 0 ;
163- background : linear-gradient ( 160 deg , alpha( @accent_color , 0.04 ) , @ card_bg_color) ;
164- border-left : 3px solid alpha (@accent_color , 0.25 );
187+ background: @ card_bg_color ;
188+ border-left : 3px solid alpha (# 3584e4 , 0.25 );
165189}
166190
167191/* --- Kernel page -------------------------------------------------- */
@@ -172,31 +196,31 @@ searchentry:focus-visible, expander:focus-visible {
172196 border-radius : 16px ;
173197 background-image : linear-gradient (
174198 to bottom right,
175- alpha (# 3584e4, 0.12 ),
176- alpha (# 1c71d8, 0.03 )
199+ alpha (# 3584e4, 0.07 ),
200+ alpha (# 1c71d8, 0.02 )
177201 );
178- border : 1.5px solid alpha (# 3584e4, 0.18 );
202+ border : 1.5px solid alpha (# 3584e4, 0.14 );
179203 box-shadow :
180- 0 0 0 1px alpha (# 3584e4, 0.05 ),
181- 0 4px 14px alpha (# 3584e4, 0.10 ),
182- 0 1px 3px alpha (black, 0.05 );
204+ 0 0 0 1px alpha (# 3584e4, 0.04 ),
205+ 0 4px 14px alpha (# 3584e4, 0.07 ),
206+ 0 1px 3px alpha (black, 0.04 );
183207 transition : box-shadow 250ms ease-in-out, border-color 250ms ease-in-out;
184208}
185209.kernel-running-card : hover {
186- border-color : alpha (# 3584e4, 0.30 );
210+ border-color : alpha (# 3584e4, 0.24 );
187211 box-shadow :
188- 0 0 0 1px alpha (# 3584e4, 0.08 ),
189- 0 6px 22px alpha (# 3584e4, 0.14 ),
190- 0 2px 6px alpha (black, 0.06 );
212+ 0 0 0 1px alpha (# 3584e4, 0.06 ),
213+ 0 6px 22px alpha (# 3584e4, 0.10 ),
214+ 0 2px 6px alpha (black, 0.05 );
191215}
192216
193217/* In-use pill badge */
194218.in-use-pill {
195219 padding : 3px 12px ;
196220 border-radius : 99px ;
197- background : linear-gradient (135deg , alpha (@success_color , 0.22 ), alpha (@success_color , 0.10 ));
198- border : 1px solid alpha (@success_color , 0.25 );
199- color: @success_color ;
221+ background : linear-gradient (135deg , alpha (# 2ec27e , 0.12 ), alpha (# 2ec27e , 0.05 ));
222+ border : 1px solid alpha (# 2ec27e , 0.14 );
223+ color : # 2ec27e ;
200224 font-weight : 700 ;
201225 font-size : 0.85em ;
202226}
@@ -205,34 +229,34 @@ searchentry:focus-visible, expander:focus-visible {
205229.kernel-installed-card {
206230 padding : 0 ;
207231 border-radius : 14px ;
208- background : linear-gradient ( 160 deg , alpha ( @success_color , 0.04 ) , alpha ( @ card_bg_color, 0.85 )) ;
209- border-left : 3px solid alpha (@success_color , 0.28 );
232+ background: @ card_bg_color ;
233+ border-left : 3px solid alpha (# 2ec27e , 0.35 );
210234}
211235
212236/* Available group cards — by type */
213237.kernel-group-lts {
214238 padding : 0 ;
215239 border-radius : 14px ;
216- background : linear-gradient ( 160 deg , alpha ( @success_color , 0.03 ) , alpha ( @ card_bg_color, 0.85 )) ;
217- border-left : 3px solid alpha (@success_color , 0.25 );
240+ background: @ card_bg_color ;
241+ border-left : 3px solid alpha (# 2ec27e , 0.30 );
218242}
219243.kernel-group-standard {
220244 padding : 0 ;
221245 border-radius : 14px ;
222- background : linear-gradient ( 160 deg , alpha ( @accent_color , 0.03 ) , alpha ( @ card_bg_color, 0.85 )) ;
223- border-left : 3px solid alpha (@accent_color , 0.22 );
246+ background: @ card_bg_color ;
247+ border-left : 3px solid alpha (# 3584e4 , 0.28 );
224248}
225249.kernel-group-xanmod {
226250 padding : 0 ;
227251 border-radius : 14px ;
228- background : linear-gradient ( 160 deg , alpha ( # 9141ac , 0.04 ) , alpha ( @card_bg_color , 0.85 )) ;
229- border-left : 3px solid alpha (# 9141ac, 0.30 );
252+ background: @card_bg_color ;
253+ border-left : 3px solid alpha (# 9141ac, 0.30 );
230254}
231255.kernel-group-rt {
232256 padding : 0 ;
233257 border-radius : 14px ;
234- background : linear-gradient ( 160 deg , alpha ( @warning_color , 0.04 ) , alpha ( @ card_bg_color, 0.85 )) ;
235- border-left : 3px solid alpha (@warning_color , 0.30 );
258+ background: @ card_bg_color ;
259+ border-left : 3px solid alpha (# e5a50a , 0.30 );
236260}
237261
238262/* Group header inside kernel group cards */
@@ -252,8 +276,13 @@ searchentry:focus-visible, expander:focus-visible {
252276}
253277
254278/* --- Success / error icons ---------------------------------------- */
255- .success-icon { color: @success_color ; }
256- .error-icon { color: @error_color ; }
279+ .success-icon {
280+ color : # 2ec27e ;
281+ }
282+
283+ .error-icon {
284+ color : # c01c28 ;
285+ }
257286
258287/* --- Misc helpers ------------------------------------------------- */
259288.dim-label { opacity : 0.75 ; }
0 commit comments