feat: remove all dark-mode css

newrelic · May 6, 2022 · f04a59e · f04a59e
1 parent 14bca21
commit f04a59e
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 47 deletions.
diff --git a/src/components/GuidedInstallTile.js b/src/components/GuidedInstallTile.js
@@ -57,10 +57,6 @@ const GuidedInstallTile = () => {
               font-weight: 600;
               line-height: 30px;
               color: var(--color-white);
-
-              .dark-mode & {
-                color: var(--heading-text-color);
-              }
             `}
           >
             Guided install
@@ -69,10 +65,6 @@ const GuidedInstallTile = () => {
             css={css`
               color: var(--color-neutrals-300);
               font-size: 14px;
-              
-              .dark-mode & {
-                color: var(--primary-text-color);
-              }
             `}
           >
             Many engineers start here. You'll install an agent with a single
@@ -81,7 +73,11 @@ const GuidedInstallTile = () => {
           </span>
         </div>
         <div>
-          <Button onClick={handleButtonClick} variant={Button.VARIANT.PRIMARY} size={Button.SIZE.SMALL}>
+          <Button
+            onClick={handleButtonClick}
+            variant={Button.VARIANT.PRIMARY}
+            size={Button.SIZE.SMALL}
+          >
             Install New Relic
           </Button>
         </div>

diff --git a/src/components/IOLogo.js b/src/components/IOLogo.js
diff --git a/src/components/SegmentedControl.js b/src/components/SegmentedControl.js
@@ -21,12 +21,6 @@ const SegmentedControl = ({ items, onChange, className }) => {
           cursor: pointer;
           user-select: none;
         }
-
-        .dark-mode & {
-          button {
-            color: var(--color-neutrals-500);
-          }
-        }
       `}
     >
       {items.map((item, index) => {

diff --git a/src/components/Tabs/BarItem.js b/src/components/Tabs/BarItem.js
@@ -41,34 +41,18 @@ const BarItem = ({
           span {
             color: var(--primary-text-color);
           }
-
-          .dark-mode & {
-            color: var(--color-brand-400);
-          }
         }
 
         ${disabled &&
         css`
           color: var(--color-neutrals-500);
           cursor: default;
 
-          .dark-mode & {
-            color: var(--color-dark-500);
-          }
-
           &:hover {
             color: var(--color-neutrals-500);
 
-            .dark-mode & {
-              color: var(--color-dark-500);
-            }
-
             span {
               color: var(--color-neutrals-500);
-
-              .dark-mode & {
-                color: var(--color-dark-500);
-              }
             }
           }
         `}
@@ -77,11 +61,6 @@ const BarItem = ({
         css`
           color: var(--color-brand-500);
           border-bottom: var(--color-brand-500) solid 3px;
-
-          .dark-mode & {
-            color: var(--color-brand-400);
-            border-bottom: var(--color-brand-400) solid 3px;
-          }
         `}
       `}
     >
@@ -95,10 +74,6 @@ const BarItem = ({
             background-color: var(--color-neutrals-100);
             border-radius: 4px;
 
-            .dark-mode & {
-              background-color: var(--color-dark-100);
-            }
-
             ${isSelected &&
             css`
               color: var(--primary-text-color);
@@ -108,10 +83,6 @@ const BarItem = ({
             css`
               background: none;
               border: 1px solid var(--color-neutrals-100);
-
-              .dark-mode & {
-                border-color: var(--color-dark-100);
-              }
             `}
           `}
         >