mbk-lab
/
nextcloud
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Merge pull request #4559 from nextcloud/invert-new-icons 

Invert new header icons on bright theming colors
This commit is contained in:
Morris Jobke 2017-04-28 16:01:35 -03:00 committed by GitHub
parent 3c4dab1bbe d13e311aaf
commit d4e5b1bf14
2 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
apps/theming/css/theming.scss
View File

@ -12,22 +12,25 @@
/* invert header icons on bright background */ /* invert header icons on bright background */
@if (lightness($color-primary) > 50) { @if (lightness($color-primary) > 50) {
#header .icon-caret {
background-image: url(../../../core/img/actions/caret-dark.svg);
}
.searchbox input[type="search"] { .searchbox input[type="search"] {
background: transparent url(../../../core/img/actions/search.svg) no-repeat 6px center; background: transparent url('../../../core/img/actions/search.svg') no-repeat 6px center;
} }
#appmenu li a img { #appmenu li a img {
-webkit-filter: invert(1); -webkit-filter: invert(1);
filter: invert(1); filter: invert(1);
filter: progid:DXImageTransform.Microsoft.BasicImage(invert='1'); filter: progid:DXImageTransform.Microsoft.BasicImage(invert='1');
} }
#contactsmenu .icon-contacts {
background-image: url('../../../core/img/places/contacts-dark.svg');
}
#settings .icon-settings-white {
background-image: url('../../../core/img/actions/settings-dark.svg');
}
} }
/* Colorized svg images */ /* Colorized svg images */
.icon-file, .icon-filetype-text { .icon-file, .icon-filetype-text {
background-image: url(../img/core/filetypes/text.svg?v=#{$theming-cachebuster}); background-image: url(./img/core/filetypes/text.svg?v=#{$theming-cachebuster});
} }
.icon-folder, .icon-filetype-folder { .icon-folder, .icon-filetype-folder {
@ -59,6 +62,6 @@ input.primary {
@if (lightness($color-primary) > 50) { @if (lightness($color-primary) > 50) {
#body-login input.login { #body-login input.login {
background-image: url(../../../core/img/actions/confirm.svg); background-image: url('../../../core/img/actions/confirm.svg');
} }
} }

2
core/css/styles.scss
View File

@ -1064,7 +1064,7 @@ span.ui-icon {
background-size: 16px 16px; background-size: 16px 16px;
padding: 14px; padding: 14px;
cursor: pointer; cursor: pointer;
opacity: .7; opacity: .6;
} }
} }