diff --git a/src/app/components/shared/comment/comment.component.scss b/src/app/components/shared/comment/comment.component.scss index fcd961e08022d2a03157c9ec00eb1cfef78b303e..9e2cb8116f1c9d6cea2e7d86c9da83a9eeef4767 100644 --- a/src/app/components/shared/comment/comment.component.scss +++ b/src/app/components/shared/comment/comment.component.scss @@ -75,7 +75,11 @@ h2 { } .highlighted { - background-color: var(--highlighted)!important; + background-color: var(--secondary)!important; transition: background-color 1s linear; } +.highlighted * { + color: var(--on-secondary)!important; +} + diff --git a/src/theme/dark-Theme/darkTheme.const.ts b/src/theme/dark-Theme/darkTheme.const.ts index 797bdf77e6fad515116e7de9a868d09ba64d9df3..68b61d0d4856aecb872ec8fd0f747fbc0e5d3574 100644 --- a/src/theme/dark-Theme/darkTheme.const.ts +++ b/src/theme/dark-Theme/darkTheme.const.ts @@ -8,6 +8,7 @@ export const dark = { '--background': '#424242', '--surface': '#212121', + '--dialog': '#78909c', '--on-primary': '#212121', '--on-secondary': '#212121', @@ -19,8 +20,5 @@ export const dark = { '--yellow': '#FFD54F', '--blue': '#1E88E5', '--grey': '#BDBDBD', - '--grey-light': '#9E9E9E', - - '--dialog': '#78909c', - '--highlighted' : '#005F63' + '--grey-light': '#9E9E9E' }; diff --git a/src/theme/default-Theme/defaultTheme.const.ts b/src/theme/default-Theme/defaultTheme.const.ts index 8d837240fab3e857d881f38b333503473a409bf8..30c85dab711a3c15c51b222c81183bbf3c92a93f 100644 --- a/src/theme/default-Theme/defaultTheme.const.ts +++ b/src/theme/default-Theme/defaultTheme.const.ts @@ -8,6 +8,7 @@ export const defaultTheme = { '--background': '#b2dfdb', '--surface': '#0288d1', + '--dialog': '#B2DFDB', '--on-primary': '#212121', '--on-secondary': '#212121', @@ -19,8 +20,5 @@ export const defaultTheme = { '--yellow': '#FFD54F', '--blue': '#1E88E5', '--grey': '#BDBDBD', - '--grey-light': '#EEEEEE', - - '--dialog': '#B2DFDB', - '--highlighted' : '#FFE082' + '--grey-light': '#EEEEEE' };