From 20ad36eab749288f1ba9dfc9383d6924ca9362d0 Mon Sep 17 00:00:00 2001 From: Xevion Date: Fri, 17 Feb 2023 11:05:16 -0600 Subject: [PATCH] Fix dark mode hover color, fix Grommet icon stroke application --- src/components/render/DisplayIconSingle.tsx | 2 +- src/styles/globals.scss | 16 +++++++--------- 2 files changed, 8 insertions(+), 10 deletions(-) diff --git a/src/components/render/DisplayIconSingle.tsx b/src/components/render/DisplayIconSingle.tsx index a2c6eff..d04428b 100644 --- a/src/components/render/DisplayIconSingle.tsx +++ b/src/components/render/DisplayIconSingle.tsx @@ -32,7 +32,7 @@ const IconInternal: FunctionComponent = ({label, children, on const DisplayIconSingle: FunctionComponent = ({setId, id}) => { // eslint-disable-next-line const IconSet = loadable.lib(() => getIcons(setId)); - const iconClass = "text-slate-700 stroke-slate-700 dark:text-slate-200 dark:stroke-slate-200 group-hover:text-slate-900 group-hover:scale-125 transition-transform w-8 h-8"; + const iconClass = "text-slate-700 stroke-slate-700 dark:text-slate-200 group-hover:text-slate-900 dark:group-hover:text-slate-100 group-hover:scale-125 transition-transform w-8 h-8"; return diff --git a/src/styles/globals.scss b/src/styles/globals.scss index 9b6fe92..9969761 100644 --- a/src/styles/globals.scss +++ b/src/styles/globals.scss @@ -3,21 +3,19 @@ @tailwind utilities; :root { - --accent: 124, 58, 237; - --accent-gradient: linear-gradient(45deg, rgb(var(--accent)), #da62c4 30%, white 60%); + --accent: 124, 58, 237; + --accent-gradient: linear-gradient(45deg, rgb(var(--accent)), #da62c4 30%, white 60%); } html { - font-family: system-ui, sans-serif; + font-family: system-ui, sans-serif; } code { - font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, - Bitstream Vera Sans Mono, Courier New, monospace; + font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, + Bitstream Vera Sans Mono, Courier New, monospace; } -.forceStroke { - > path, g { - stroke: currentColor; - } +.forceStroke > path, g { + stroke: currentColor; } \ No newline at end of file