Replace use of var(--accent) and var(--selected-background) for backg…

…round/edge color
plotly · Apr 16, 2020 · 254fb2c · 254fb2c
1 parent ce95cfc
commit 254fb2c
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 3 deletions.
diff --git a/src/core/environment/index.ts b/src/core/environment/index.ts
@@ -7,7 +7,7 @@ const DASH_DEBUG = 'dash_debug';
 const DASH_LOG = 'dash_log';
 
 const DEFAULT_EDGE: Edge = '1px solid #d3d3d3';
-const ACTIVE_EDGE: Edge = '1px solid var(--accent)';
+const ACTIVE_EDGE: Edge = '1px solid hotpink';
 
 interface ISearchParams {
     get: (key: string) => string | null;

diff --git a/src/dash-table/components/Table/Table.less b/src/dash-table/components/Table/Table.less
@@ -521,7 +521,6 @@
             --background-color-ellipses: rgb(253, 253, 253);
             --faded-text: rgb(250, 250, 250);
             --faded-text-header: rgb(180, 180, 180);
-            --selected-background: rgba(255, 65, 54, 0.2);
             --faded-dropdown: rgb(240, 240, 240);
             --muted: rgb(200, 200, 200);
 	    }

diff --git a/src/dash-table/derived/cell/wrapperStyles.ts b/src/dash-table/derived/cell/wrapperStyles.ts
@@ -8,7 +8,7 @@ import { traverseMap2, shallowClone } from 'core/math/matrixZipMap';
 
 import isActiveCell from 'dash-table/derived/cell/isActive';
 
-const SELECTED_CELL_STYLE = { backgroundColor: 'var(--selected-background)' };
+const SELECTED_CELL_STYLE = { backgroundColor: 'rgba(255, 65, 54, 0.2)' };
 
 const partialGetter = (
     columns: Columns,