chore(dep-graph): add accent on checkboxes (nrwl#11469)

moQuez · Aug 5, 2022 · c521092 · c521092
1 parent dec9102
commit c521092
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 8 deletions.
diff --git a/dep-graph/client/src/app/sidebar/collapse-edges-panel.tsx b/dep-graph/client/src/app/sidebar/collapse-edges-panel.tsx
@@ -16,10 +16,10 @@ export const CollapseEdgesPanel = memo(
               name="collapseEdges"
               value="collapseEdges"
               type="checkbox"
-              className="h-4 w-4 rounded border-slate-400 dark:border-slate-300"
+              className="h-4 w-4 accent-purple-500"
               onChange={(event) => collapseEdgesChanged(event.target.checked)}
               checked={collapseEdges}
-            ></input>
+            />
           </div>
           <div className="ml-3 text-sm">
             <label

diff --git a/dep-graph/client/src/app/sidebar/group-by-folder-panel.tsx b/dep-graph/client/src/app/sidebar/group-by-folder-panel.tsx
@@ -16,10 +16,10 @@ export const GroupByFolderPanel = memo(
               name="displayOptions"
               value="groupByFolder"
               type="checkbox"
-              className="h-4 w-4 rounded border-slate-300 dark:border-slate-700"
+              className="accent-green-nx-base h-4 w-4"
               onChange={(event) => groupByFolderChanged(event.target.checked)}
               checked={groupByFolder}
-            ></input>
+            />
           </div>
           <div className="ml-3 text-sm">
             <label

diff --git a/dep-graph/client/src/app/sidebar/search-depth.tsx b/dep-graph/client/src/app/sidebar/search-depth.tsx
@@ -25,12 +25,12 @@ export const SearchDepth = memo(
               name="depthFilter"
               value="depthFilterActivated"
               type="checkbox"
-              className="h-4 w-4 rounded border-slate-300 dark:text-slate-700"
+              className="accent-green-nx-base h-4 w-4"
               checked={searchDepthEnabled}
               onChange={(event) =>
                 searchDepthFilterEnabledChange(event.target.checked)
               }
-            ></input>
+            />
           </div>
           <div className="ml-3 text-sm">
             <label

diff --git a/dep-graph/client/src/app/sidebar/text-filter-panel.tsx b/dep-graph/client/src/app/sidebar/text-filter-panel.tsx
@@ -120,10 +120,10 @@ export function TextFilterPanel({
               name="textFilterCheckbox"
               type="checkbox"
               value="includeInPath"
-              className="h-4 w-4 rounded border-slate-300 dark:border-slate-700"
+              className="accent-green-nx-base h-4 w-4"
               checked={includePath}
               onChange={toggleIncludeLibsInPathChange}
-            ></input>
+            />
           </div>
           <div className="ml-3 text-sm">
             <label