@@ -292,37 +292,11 @@ body:not(.dark) .button-stop:focus-visible {
292292 outline : none;
293293}
294294
295- /* Primary button style */
296- .button-primary {
297- background-color : var (--button-primary-bg );
298- color : var (--text-primary );
299- transition : all 0.2s ease;
300- border : 1px solid var (--border-theme-outline );
301- }
302-
303- .button-primary : hover {
304- outline : none;
305- box-shadow : none !important ;
306- }
307-
308- .dark .button-primary : hover , .dark .button-primary : focus , .dark .button-primary : focus-visible {
309- outline : none;
310- box-shadow : none !important ;
311- }
312-
313-
314- .button-primary : focus , .button-primary : focus-visible {
315- background-color : # 1cab21 ;
316- outline : none;
317- box-shadow : none !important ;
318- }
319-
320295/* Primary button - theme */
321296.button-primary ,
322297.dark .button-primary {
323298 color : var (--button-primary-text );
324299 background-color : var (--button-primary-bg );
325- border : 1px solid var (--button-primary-border );
326300 box-shadow : none !important ;
327301}
328302
@@ -333,31 +307,21 @@ body:not(.dark) .button-stop:focus-visible {
333307}
334308
335309/* Secondary button */
336- .button-secondary : focus , .button-secondary : focus-visible {
337- box-shadow : none !important ;
338- }
339310
340- .button-secondary {
341- background-color : var (--button-secondary-bg );
342- color : var (--text-secondary );
343- border : 1px solid var (--button-secondary-border );
344- box-shadow : none !important ;
345- }
346-
347- .dark .button-secondary {
311+ .button-secondary , .dark .button-secondary {
348312 border : none;
349313 background-color : var (--button-secondary-bg );
350314 color : var (--text-secondary );
351315 box-shadow : none !important ;
352316}
353317
354- .button-secondary : hover , .button-secondary : focus , .button-secondary : focus-visible {
355- outline : none !important ;
356- box-shadow : none !important ;
357- background-color : var (--button-secondary-hover );
358- }
359318
360- .dark .button-secondary : hover , .dark .button-secondary : focus , .dark .button-secondary : focus-visible {
319+ .button-secondary : hover ,
320+ .button-secondary : focus ,
321+ .button-secondary : focus-visible ,
322+ .dark .button-secondary : hover ,
323+ .dark .button-secondary : focus ,
324+ .dark .button-secondary : focus-visible {
361325 outline : none !important ;
362326 box-shadow : none !important ;
363327 background-color : var (--button-secondary-hover );
@@ -371,24 +335,19 @@ body:not(.dark) .button-stop:focus-visible {
371335}
372336
373337/* Neutral button */
374- .dark .button-neutral {
338+ .button-neutral , . dark .button-neutral {
375339 background-color : var (--button-neutral-bg );
376340 color : var (--text-primary );
377341 outline : none !important ;
378342 box-shadow : none !important ;
379343}
380344
381- .dark .button-neutral : hover , .dark .button-neutral : focus , .dark .button-neutral : focus-visible {
382- background-color : var (--button-neutral-bg-hover );
383- outline : none !important ;
384- box-shadow : none !important ;
385- }
386-
387- .button-neutral {
388- background-color : var (--button-neutral-bg );
389- }
390-
391- .button-neutral : hover , .button-neutral : focus , .button-neutral : focus-visible {
345+ .button-neutral : hover ,
346+ .button-neutral : focus ,
347+ .button-neutral : focus-visible ,
348+ .dark .button-neutral : hover ,
349+ .dark .button-neutral : focus ,
350+ .dark .button-neutral : focus-visible {
392351 background-color : var (--button-neutral-bg-hover );
393352 outline : none !important ;
394353 box-shadow : none !important ;
0 commit comments