better color for efficiency chart

MAIF · May 21, 2024 · e9388f7 · e9388f7
1 parent 0bc521d
commit e9388f7
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 23 deletions.
diff --git a/otoroshi/javascript/src/extensions/greenscore/EfficiencyChart.js b/otoroshi/javascript/src/extensions/greenscore/EfficiencyChart.js
@@ -166,13 +166,12 @@ return (
   <Section title={route.name}>
     <div style={{ display: 'flex', gap: '.5rem' }}>
       <div
-        className='p-3'
+        className='p-3 heatmap-section'
         style={{
           flex: 1,
           gap: '.5rem',
           display: 'flex',
           flexDirection: 'column',
-          background: 'var(--bg-color_level2)',
           minWidth: '1000px'
         }}
       >

diff --git a/otoroshi/javascript/src/style/layout/_greenScore.scss b/otoroshi/javascript/src/style/layout/_greenScore.scss
@@ -50,29 +50,11 @@
   border-radius: 5px;
 }
 
-[data-theme="dark"] .heatpoint {
-  &.high {
-    background-color: #39d353;
-  }
-
-  &.medium-high {
-    background-color: #26a641;
-  }
-
-  &.medium-low {
-    background-color: #006d32;
-  }
-
-  &.low {
-    background-color: #0e4429;
-  }
-
-  &.nul {
-    background-color: #161b22;
-  }
+.heatmap-section {
+  background-color: var(--bg-color_level2);
 }
 
-[data-theme="light"] .heatpoint {
+.heatpoint {
   &.high {
     background-color: #216e39;
   }