Fixes nextcloud#24450 by making the icon grey only on hover and white…

… otherwise.
RafaOP · May 29, 2021 · 51a9543 · 51a9543
1 parent 7502f35
commit 51a9543
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 16 deletions.
diff --git a/apps/theming/css/theming.scss b/apps/theming/css/theming.scss
@@ -92,14 +92,10 @@ $invert: luma($color-primary) > 0.6;
 }
 
 /* Colorized svg images */
-.icon-file, .icon-filetype-text, .icon-file-white:hover {
+.icon-file, .icon-filetype-text, .icon-file-white:hover, .icon-file-white:focus {
 	background-image: url(./img/core/filetypes/text.svg?v=#{$theming-cachebuster});
 }
 
-.icon-file-white, .icon-filetype-text-white {
-	background-image: url(./img/core/filetypes/text-white.svg?v=#{$theming-cachebuster});
-}
-
 .icon-folder, .icon-filetype-folder {
 	background-image: url(./img/core/filetypes/folder.svg?v=#{$theming-cachebuster});
 }

diff --git a/core/css/icons.scss b/core/css/icons.scss
@@ -384,12 +384,15 @@ audio, canvas, embed, iframe, img, input, object, video {
 }
 
 .icon-file,
-.icon-file-white,
-.icon-filetype-text,
 .icon-filetype-text {
 	@include icon-color('text', 'filetypes', #969696, 1, true);
 }
 
+.icon-file-white,
+.icon-filetype-text-white {
+	@include icon-color('text', 'filetypes', $color-white, 1, true);
+}
+
 .icon-filetype-file {
 	@include icon-color('file', 'filetypes', #969696, 1, true);
 }

diff --git a/core/img/filetypes/text-white.svg b/core/img/filetypes/text-white.svg