mirror of
https://github.com/mwalbeck/nextcloud-breeze-dark.git
synced 2025-05-15 22:10:26 +00:00
289 lines
No EOL
5.8 KiB
SCSS
289 lines
No EOL
5.8 KiB
SCSS
.icon-link {
|
|
background-image: url('../img/places/link.svg?v=1');
|
|
}
|
|
|
|
.icon-toggle {
|
|
background-image: url('../img/actions/toggle.svg?v=1');
|
|
}
|
|
|
|
.settings-button {
|
|
background-image: url('../img/actions/settings.svg?v=1');
|
|
}
|
|
|
|
.icon-add {
|
|
background-image: url('../img/actions/add.svg?v=1');
|
|
}
|
|
|
|
.icon-delete {
|
|
background-image: url('../img/actions/delete.svg?v=1');
|
|
|
|
&:hover, &:focus {
|
|
background-image: url('../img/actions/delete-hover.svg?v=1');
|
|
}
|
|
}
|
|
|
|
.icon-upload {
|
|
background-image: url('../img/actions/upload.svg?v=1');
|
|
}
|
|
|
|
.icon-folder, .icon-filetype-folder {
|
|
background-image: url('../img/filetypes/folder.svg?v=1');
|
|
}
|
|
|
|
.icon-file, .icon-filetype-text {
|
|
background-image: url('../img/filetypes/text.svg?v=1');
|
|
}
|
|
|
|
.icon-public {
|
|
background-image: url('../img/actions/public.svg?v=1');
|
|
}
|
|
|
|
.icon-share {
|
|
background-image: url('../img/actions/share.svg?v=1');
|
|
}
|
|
|
|
.icon-more {
|
|
background-image: url('../img/actions/more.svg?v=1');
|
|
}
|
|
|
|
/* Nav Bar Icons */
|
|
|
|
.nav-icon-files {
|
|
background-image: url('../img/places/files.svg?v=1');
|
|
}
|
|
|
|
.nav-icon-sharingin, .nav-icon-sharingout {
|
|
background-image: url('../img/actions/share.svg?v=1');
|
|
}
|
|
|
|
.nav-icon-sharinglinks {
|
|
background-image: url('../img/actions/public.svg?v=1');
|
|
}
|
|
|
|
.nav-icon-systemtagsfilter {
|
|
background-image: url('../img/actions/tag.svg');
|
|
}
|
|
|
|
.nav-icon-extstoragemounts {
|
|
background-image: url('../img/actions/external.svg?v=1');
|
|
}
|
|
|
|
.nav-icon-trashbin {
|
|
background-image: url('../img/actions/delete.svg?v=1');
|
|
}
|
|
|
|
.icon-external {
|
|
background-image: url('../img/actions/external.svg?v=1');
|
|
}
|
|
|
|
.icon-download {
|
|
background-image: url('../img/actions/download.svg?v=1');
|
|
}
|
|
|
|
.icon-triangle-s {
|
|
background-image: url('../img/actions/triangle-s.svg?v=1');
|
|
}
|
|
|
|
.icon-rename {
|
|
background-image: url('../img/actions/rename.svg?v=1');
|
|
}
|
|
|
|
.icon-details {
|
|
background-image: url('../img/actions/details.svg?v=1');
|
|
}
|
|
|
|
.icon-password {
|
|
background-image: url('../img/actions/password.svg?v=1');
|
|
}
|
|
|
|
.icon-contacts-dark, .icon-contacts {
|
|
background-image: url('../img/places/contacts.svg?v=1');
|
|
}
|
|
|
|
.icon-info {
|
|
background-image: url('../img/actions/details.svg?v=1');
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.icon-clippy {
|
|
background-image: url('../img/actions/clippy.svg?v=2');
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.icon-tag {
|
|
background-image: url('../img/actions/tag.svg?v=1');
|
|
}
|
|
|
|
.icon-comment {
|
|
background-image: url('../img/actions/comment.svg?v=1');
|
|
}
|
|
|
|
.icon-history {
|
|
background-image: url('../img/actions/history.svg?v=1');
|
|
}
|
|
|
|
.icon-confirm {
|
|
background-image: url('../img/actions/confirm.svg?v=2');
|
|
}
|
|
|
|
.icon-search {
|
|
background-image: url('../img/actions/search.svg?v=1');
|
|
}
|
|
|
|
.nav-icon-favorites {
|
|
background-image: url('../img/actions/star.svg?v=1');
|
|
}
|
|
|
|
.nav-icon-recent {
|
|
background-image: url('../img/actions/recent.svg?v=1');
|
|
}
|
|
|
|
.icon-star, .icon-starred:hover, .icon-starred:focus {
|
|
background-image: url('../img/actions/star.svg?v=1');
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.icon-starred, .icon-star:hover, .icon-star:focus {
|
|
background-image: url('../img/actions/starred.svg?v=1');
|
|
opacity: 1;
|
|
}
|
|
|
|
.icon-checkmark {
|
|
background-image: url('../img/actions/checkmark.svg?v=1');
|
|
}
|
|
|
|
.icon-caret-dark {
|
|
background-image: url('../img/actions/caret-dark.svg?v=1');
|
|
}
|
|
|
|
.icon-rss {
|
|
background-image: url('../img/actions/rss.svg') !important;
|
|
}
|
|
|
|
.icon-close {
|
|
background-image: url('../img/actions/close.svg?v=1');
|
|
}
|
|
|
|
.icon-triangle-n {
|
|
background-image: url('../img/actions/triangle-n.svg?v=1');
|
|
}
|
|
|
|
#app-navigation .icon-unpinned, .icon-unpinned {
|
|
background-image: url('../img/actions/unpinned.svg');
|
|
}
|
|
|
|
#app-navigation .icon-pinned, .icon-pinned {
|
|
background-image: url('../img/actions/pinned.svg');
|
|
}
|
|
|
|
.icon-full-text-enabled {
|
|
background-image: url('../img/actions/fulltext.svg');
|
|
}
|
|
|
|
.icon-full-text-disabled {
|
|
background-image: url('../img/actions/nonfulltext.svg');
|
|
}
|
|
|
|
input.radio[type="radio"] {
|
|
+ label::before {
|
|
background: url('../img/actions/radio.svg') left top no-repeat;
|
|
}
|
|
|
|
&:checked + label::before {
|
|
background-image: url('../img/actions/radio-checked.svg');
|
|
}
|
|
|
|
&:disabled + label::before {
|
|
background-image: url('../img/actions/radio-disabled.svg');
|
|
}
|
|
|
|
&:checked:disabled + label::before {
|
|
background-image: url('../img/actions/radio-checked-disabled.svg');
|
|
}
|
|
}
|
|
|
|
input.checkbox[type="checkbox"] {
|
|
+ label::before {
|
|
background: url('../img/actions/checkbox.svg') left top no-repeat;
|
|
}
|
|
|
|
&:checked + label::before {
|
|
background-image: url('../img/actions/checkbox-checked.svg');
|
|
}
|
|
|
|
&:disabled + label::before {
|
|
background-image: url('../img/actions/checkbox-disabled.svg');
|
|
}
|
|
|
|
&:checked:disabled + label::before {
|
|
background-image: url('../img/actions/checkbox-checked-disabled.svg');
|
|
}
|
|
}
|
|
|
|
select {
|
|
background: url('../img/actions/triangle-s.svg') no-repeat right 8px center;
|
|
}
|
|
|
|
#app-navigation .app-navigation-entry-utils-menu-button button {
|
|
background-image: url('../img/actions/more.svg?v=1');
|
|
}
|
|
|
|
#app-navigation .collapsible > .collapse {
|
|
background-image: url('../img/actions/triangle-s.svg?v=1');
|
|
}
|
|
|
|
.icon-menu {
|
|
background-image: url('../img/actions/menu.svg?v=1');
|
|
}
|
|
|
|
.icon-timezone {
|
|
background: url("../img/timezone.svg") center center no-repeat;
|
|
}
|
|
|
|
.glyphicon-chevron-right {
|
|
background: url("../img/rightarrow.svg") center center no-repeat;
|
|
}
|
|
|
|
.glyphicon-chevron-left {
|
|
background: url("../img/leftarrow.svg") center center no-repeat;
|
|
}
|
|
|
|
/* CSS tricks to change icon color */
|
|
|
|
#navigation .app-icon {
|
|
filter: none;
|
|
|
|
image {
|
|
filter: none;
|
|
}
|
|
}
|
|
|
|
#firstrunwizard .appsmall {
|
|
filter: invert(100%);
|
|
}
|
|
|
|
img.notification-icon {
|
|
filter: invert(75%);
|
|
}
|
|
|
|
#controls .button.view-switcher img {
|
|
opacity: 0.6;
|
|
filter: invert(100%);
|
|
}
|
|
|
|
#controls .button.view-switcher.gallery img {
|
|
opacity: .5;
|
|
filter: invert(0%);
|
|
}
|
|
|
|
.app-files #app-content-files #controls .breadcrumb .crumb a img.svg {
|
|
filter: invert(100%);
|
|
}
|
|
|
|
#controls #breadcrumbs .crumb a img {
|
|
filter: invert(100%);
|
|
}
|
|
|
|
.actions a.button.new img {
|
|
filter: invert(75%);
|
|
} |