feat(tile): Switched theming to custom properties.

dynatrace-oss · Jul 16, 2020 · a8ccf30 · a8ccf30
1 parent 2f230d7
commit a8ccf30
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 23 deletions.
diff --git a/libs/barista-components/tile/src/_tile-theme.scss b/libs/barista-components/tile/src/_tile-theme.scss
@@ -1,23 +1,25 @@
-@import '../../core/src/theming/theming';
+.dt-tile {
+  --dt-tile-default-color: #{$gray-700};
+}
+
+.dt-tile.dt-color-main {
+  --dt-tile-default-color: var(--dt-theme-main-default-color);
+}
 
-@mixin dt-theme-tile($theme) {
-  $palette-names: 'main', 'error', 'recovered';
-  $default-palette: 'main';
+.dt-tile.dt-color-error {
+  --dt-tile-default-color: var(--dt-error-default-color);
+}
 
-  .dt-tile:not(.dt-tile-disabled) {
-    @each $name in $palette-names {
-      $palette: dt-get-theme-palette($theme, $name);
-      $default-color: dt-get-theme-color($palette, 'default');
+.dt-tile.dt-color-recovered {
+  --dt-tile-default-color: var(--dt-recovered-default-color);
+}
 
-      &.dt-color-#{$name} {
-        &:hover {
-          border-color: $default-color;
-        }
+.dt-tile:not(.dt-tile-disabled) {
+  &:hover {
+    border-color: var(--dt-tile-default-color);
+  }
 
-        .dt-tile-icon {
-          background-color: $default-color;
-        }
-      }
-    }
+  .dt-tile-icon {
+    background-color: var(--dt-tile-default-color);
   }
 }
diff --git a/libs/barista-components/tile/src/tile.scss b/libs/barista-components/tile/src/tile.scss
@@ -1,8 +1,6 @@
 @import '../../style/font-mixins';
 @import '../../core/src/style/variables';
 @import '../../core/src/style/interactive-common';
-@import '../../core/src/theming/theming';
-@import './tile-theme';
 
 .dt-tile {
   display: block;
@@ -134,7 +132,4 @@
   color: $gray-300;
 }
 
-// Apply the tile theme to all theme definitions
-@include dt-apply-theme() {
-  @include dt-theme-tile($dt-current-theme);
-}
+@import './tile-theme';