Browse Source

Extract variable for yellow color in icons

Signed-off-by: fnuesse <felix.nuesse@t-online.de>
tags/v16.0.0alpha1
fnuesse 5 years ago
parent
commit
4b32e1c6ab
3 changed files with 4 additions and 3 deletions
  1. 1
    1
      apps/files/css/files.scss
  2. 2
    2
      core/css/icons.scss
  3. 1
    0
      core/css/variables.scss

+ 1
- 1
apps/files/css/files.scss View File

@@ -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);
}
}


+ 2
- 2
core/css/icons.scss View File

@@ -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);
}
}


+ 1
- 0
core/css/variables.scss View File

@@ -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

Loading…
Cancel
Save