diff --git a/src/code-view/styles.scss b/src/code-view/styles.scss
index d17f98f..b78fb38 100644
--- a/src/code-view/styles.scss
+++ b/src/code-view/styles.scss
@@ -5,29 +5,8 @@
 
 @use "../../node_modules/@cloudscape-design/design-tokens/index.scss" as cs;
 
-$color-background-code-view-light: #f8f8f8;
-$color-background-code-view-dark: #282c34;
-$color-background-code-view-one-theme-light: #f5f5f5;
-$color-background-code-view-one-theme-dark: #3b3b3b;
-
-@mixin themed-background {
-  background-color: $color-background-code-view-light;
-  :global(.awsui-dark-mode) &,
-  :global(.awsui-polaris-dark-mode) & {
-    background-color: $color-background-code-view-dark;
-  }
-  :global(.awsui-one-theme) & {
-    background-color: $color-background-code-view-one-theme-light;
-  }
-  :global(.awsui-one-theme.awsui-dark-mode) &,
-  :global(.awsui-one-theme.awsui-polaris-dark-mode) & {
-    background-color: $color-background-code-view-one-theme-dark;
-  }
-}
-
 .root {
-  @include themed-background;
-
+  background-color: cs.$color-background-code-view;
   position: relative;
   border-start-start-radius: cs.$border-radius-tiles;
   border-start-end-radius: cs.$border-radius-tiles;
@@ -59,7 +38,7 @@ $color-background-code-view-one-theme-dark: #3b3b3b;
 }
 
 .line-number {
-  @include themed-background;
+  background-color: cs.$color-background-code-view;
 
   white-space: nowrap;
   position: sticky;