diff --git a/src/app/components/moderator/moderator-comment-list/moderator-comment-list.component.scss b/src/app/components/moderator/moderator-comment-list/moderator-comment-list.component.scss index 8c2a3959dc7dce6e0bd3e73023013ae11a069fa2..7765513b09b8926e2422d4fece03166b0034d219 100644 --- a/src/app/components/moderator/moderator-comment-list/moderator-comment-list.component.scss +++ b/src/app/components/moderator/moderator-comment-list/moderator-comment-list.component.scss @@ -93,7 +93,7 @@ app-comment { } h3 { - font-size: 18pt!important; + font-size: 18pt !important; margin: 10px; } @@ -127,8 +127,25 @@ h3 { .selected { color: var(--red) !important; + font-weight: bold; + animation-name: animation_blink_5s; + animation-timing-function: ease-in; + animation-duration: 2s; + animation-iteration-count: 2; + opacity: 1.0 !important; +} + +@keyframes animation_blink_5s { + 50% { + opacity: 0; + } } .active-filter .mat-icon { - color: var(--red); + color: var(--red) !important; + animation-name: animation_blink_5s; + animation-timing-function: ease-in; + animation-duration: 2s; + animation-iteration-count: 3; + opacity: 1.0 !important; } diff --git a/src/app/components/shared/comment-list/comment-list.component.scss b/src/app/components/shared/comment-list/comment-list.component.scss index dc47b596a283a5f922155b9a9184948de3462a6f..c64e33d06a5f9b9efd1b217d9610aa9e18784cd0 100644 --- a/src/app/components/shared/comment-list/comment-list.component.scss +++ b/src/app/components/shared/comment-list/comment-list.component.scss @@ -209,8 +209,25 @@ h3 { .selected { color: var(--red) !important; + font-weight: bold; + animation-name: animation_blink_5s; + animation-timing-function: ease-in; + animation-duration: 2s; + animation-iteration-count: 2; + opacity: 1.0 !important; +} + +@keyframes animation_blink_5s { + 50% { + opacity: 0; + } } .active-filter .mat-icon { - color: var(--red); + color: var(--red) !important; + animation-name: animation_blink_5s; + animation-timing-function: ease-in; + animation-duration: 2s; + animation-iteration-count: 3; + opacity: 1.0 !important; } diff --git a/src/theme/blue-theme/blueTheme.const.ts b/src/theme/blue-theme/blueTheme.const.ts index 85f26badaf59fe6994a01b26cd0a741462194ad1..fc6581f68e70fb4de5b3df55c1f0eaf9b80c2ffd 100644 --- a/src/theme/blue-theme/blueTheme.const.ts +++ b/src/theme/blue-theme/blueTheme.const.ts @@ -19,7 +19,7 @@ export const blue = { '--on-cancel': '#000000', '--green': '#4caf50', - '--red': '#f44336', + '--red': '#ff0000', '--yellow': '#FFD54F', '--blue': '#3f51b5', '--purple': '#9c27b0', diff --git a/src/theme/dark-theme/darkTheme.const.ts b/src/theme/dark-theme/darkTheme.const.ts index d3216a756695e87f8e58fc615589c9d3149ff986..7cd195e52e4cda842bbfcc4399efaba144af682a 100644 --- a/src/theme/dark-theme/darkTheme.const.ts +++ b/src/theme/dark-theme/darkTheme.const.ts @@ -21,7 +21,7 @@ export const dark = { '--on-cancel': '#ffffff', '--green': 'lightgreen', - '--red': 'Firebrick', + '--red': 'red', '--white': '#ffffff', '--yellow': 'yellow', '--blue': '#3f51b5', diff --git a/src/theme/high-contrast-theme/highContrastTheme.const.ts b/src/theme/high-contrast-theme/highContrastTheme.const.ts index 0909b93ea3370b0f30101977dbb756f4e5e1d41f..bb11ab8c351583856e9ec4c9b683e02fe15dfbd4 100644 --- a/src/theme/high-contrast-theme/highContrastTheme.const.ts +++ b/src/theme/high-contrast-theme/highContrastTheme.const.ts @@ -21,7 +21,7 @@ export const highcontrast = { '--on-cancel': '#ffffff', '--green': '#3ce933', - '--red': 'Firebrick', + '--red': 'red', '--white': '#ffffff', '--yellow': '#e9d533', '--blue': '#3833e9', diff --git a/src/theme/light-theme/light-theme.ts b/src/theme/light-theme/light-theme.ts index f4ab96792d1616df302fab362cbd2379342931ab..c26611a07aaa80341b53f6ed7d775e4838805d03 100644 --- a/src/theme/light-theme/light-theme.ts +++ b/src/theme/light-theme/light-theme.ts @@ -21,7 +21,7 @@ export const arsnova = { '--on-cancel': '#ffffff', '--green': '#00FF00', - '--red': 'Firebrick', + '--red': 'red', '--white': '#ffffff', '--yellow': 'red', '--blue': '#002878', diff --git a/src/theme/purple-theme/purpleTheme.const.ts b/src/theme/purple-theme/purpleTheme.const.ts index 165a12279729790c7af97eeb406d39968811ce2e..494418293f33ae7d60b34e4dad3f59aa666cddb5 100644 --- a/src/theme/purple-theme/purpleTheme.const.ts +++ b/src/theme/purple-theme/purpleTheme.const.ts @@ -21,7 +21,7 @@ export const purple = { '--on-cancel': '#ffffff', '--green': 'green', - '--red': 'Firebrick', + '--red': 'red', '--white': '#ffffff', '--yellow': 'red', '--blue': 'blue',