From 4b32e1c6ab26409b7b4e6fb4e37d032af28298c9 Mon Sep 17 00:00:00 2001 From: fnuesse Date: Fri, 7 Dec 2018 18:33:05 +0100 Subject: [PATCH] Extract variable for yellow color in icons Signed-off-by: fnuesse --- apps/files/css/files.scss | 2 +- core/css/icons.scss | 4 ++-- core/css/variables.scss | 1 + 3 files changed, 4 insertions(+), 3 deletions(-) diff --git a/apps/files/css/files.scss b/apps/files/css/files.scss index 9b6f06cbc0..80e88e16aa 100644 --- a/apps/files/css/files.scss +++ b/apps/files/css/files.scss @@ -704,7 +704,7 @@ table.dragshadow td.size { background-image: none; } & .icon-starred { - @include icon-color('star-dark', 'actions', 'FC0', 1, true); + @include icon-color('star-dark', 'actions', $color-yellow, 1, true); } } diff --git a/core/css/icons.scss b/core/css/icons.scss index d761c3a974..222b505b3a 100644 --- a/core/css/icons.scss +++ b/core/css/icons.scss @@ -282,13 +282,13 @@ img, object, video, button, textarea, input, select, div[contenteditable='true'] &:focus { @include icon-color('star', 'actions', $color-black, 1, true); } - @include icon-color('star-dark', 'actions', 'FC0', 1, true); + @include icon-color('star-dark', 'actions', $color-yellow, 1, true); } .icon-star { &:hover, &:focus { - @include icon-color('star-dark', 'actions', 'FC0', 1, true); + @include icon-color('star-dark', 'actions', $color-yellow, 1, true); } } diff --git a/core/css/variables.scss b/core/css/variables.scss index 404fa8743f..d3592032e5 100644 --- a/core/css/variables.scss +++ b/core/css/variables.scss @@ -53,6 +53,7 @@ $color-success: #46ba61; // used for svg $color-white: #fff; $color-black: #000; +$color-yellow: #FC0; // rgb(118, 118, 118) / #767676 // min. color contrast for normal text on white background according to WCAG AA