fix: use default color icon 3000 (#18721)

PostHog · Nov 21, 2023 · 217b365 · 217b365
1 parent 7a3df93
commit 217b365
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 9 deletions.
diff --git a/frontend/src/lib/lemon-ui/LemonButton/LemonButton.scss b/frontend/src/lib/lemon-ui/LemonButton/LemonButton.scss
@@ -137,12 +137,6 @@
 
     @each $status in ('primary', 'danger', 'primary-alt', 'muted') {
         &.LemonButton--status-#{$status} {
-            color: var(--#{$status}-3000, var(--#{$status}, var(--primary)));
-
-            .LemonButton__icon {
-                color: var(--#{$status}-3000, var(--#{$status}));
-            }
-
             // Primary - blocked color style
             &.LemonButton--primary {
                 color: #fff;

diff --git a/frontend/src/lib/lemon-ui/LemonButton/LemonButton3000.scss b/frontend/src/lib/lemon-ui/LemonButton/LemonButton3000.scss
@@ -35,9 +35,7 @@
             padding: 0.25rem 0.75rem;
             width: 100%;
 
-            .LemonButton__icon:first-child {
-                transition: var(--transition);
-                color: var(--default);
+            .LemonButton__icon {
                 opacity: 0.5;
             }
         }

diff --git a/frontend/src/lib/lemon-ui/LemonButton/LemonButtonLegacy.scss b/frontend/src/lib/lemon-ui/LemonButton/LemonButtonLegacy.scss
@@ -124,6 +124,12 @@ body:not(.posthog-3000) {
                     background: var(--#{$status}-highlight, var(--primary-highlight));
                 }
 
+                color: var(--#{$status}-3000, var(--#{$status}, var(--primary)));
+
+                .LemonButton__icon {
+                    color: var(--#{$status}-3000, var(--#{$status}));
+                }
+
                 &:not([aria-disabled='true']):active {
                     color: var(--#{$status}-dark, var(--primary-dark));
 
@@ -134,6 +140,8 @@ body:not(.posthog-3000) {
 
                 // Primary - blocked color style
                 &.LemonButton--primary {
+                    color: #fff;
+
                     .LemonButton__icon {
                         color: #fff;
                     }