Complete rewrite of core styling to realign with current Nextcloud, and rely more on CSS4 variable for theming.
This commit is contained in:
parent
277a1886b8
commit
a58dc593c2
|
@ -0,0 +1 @@
|
|||
css/apps/thirdparty/_files-markdown-syntax.scss
|
|
@ -0,0 +1,5 @@
|
|||
{
|
||||
"tabWidth": 4,
|
||||
"singleQuote": false,
|
||||
"printWidth": 100
|
||||
}
|
|
@ -0,0 +1 @@
|
|||
css/apps/thirdparty/_files-markdown-syntax.scss
|
|
@ -0,0 +1,19 @@
|
|||
{
|
||||
"extends": ["stylelint-config-sass-guidelines", "stylelint-prettier/recommended"],
|
||||
"rules": {
|
||||
"prettier/prettier": [
|
||||
true,
|
||||
{
|
||||
"tabWidth": 4,
|
||||
"singleQuote": false,
|
||||
"printWidth": 100
|
||||
}
|
||||
],
|
||||
"string-quotes": "double",
|
||||
"max-nesting-depth": 2,
|
||||
"selector-no-qualifying-type": null,
|
||||
"selector-max-compound-selectors": null,
|
||||
"selector-class-pattern": null,
|
||||
"selector-max-id": null
|
||||
}
|
||||
}
|
|
@ -0,0 +1,13 @@
|
|||
{
|
||||
// See https://go.microsoft.com/fwlink/?LinkId=827846 to learn about workspace recommendations.
|
||||
// Extension identifier format: ${publisher}.${name}. Example: vscode.csharp
|
||||
|
||||
// List of extensions which should be recommended for users of this workspace.
|
||||
"recommendations": [
|
||||
"esbenp.prettier-vscode",
|
||||
"stylelint.vscode-stylelint",
|
||||
"coenraads.bracket-pair-colorizer-2"
|
||||
],
|
||||
// List of extensions recommended by VS Code that should not be recommended for users of this workspace.
|
||||
"unwantedRecommendations": []
|
||||
}
|
|
@ -0,0 +1,3 @@
|
|||
{
|
||||
"editor.formatOnSave": true
|
||||
}
|
|
@ -12,6 +12,27 @@
|
|||
"kind": "build",
|
||||
"isDefault": true
|
||||
}
|
||||
},
|
||||
{
|
||||
"type": "npm",
|
||||
"script": "lint:scss",
|
||||
"problemMatcher": [],
|
||||
"label": "npm: lint:scss",
|
||||
"detail": "stylelint css/"
|
||||
},
|
||||
{
|
||||
"type": "npm",
|
||||
"script": "prettier",
|
||||
"problemMatcher": [],
|
||||
"label": "npm: prettier",
|
||||
"detail": "prettier -c css/ js/"
|
||||
},
|
||||
{
|
||||
"type": "npm",
|
||||
"script": "install",
|
||||
"problemMatcher": [],
|
||||
"label": "npm: install",
|
||||
"detail": "install dependencies from package"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
|
@ -0,0 +1,91 @@
|
|||
/***
|
||||
* @copyright Copyright (c) 2017, Magnus Walbeck <mw@mwalbeck.org>
|
||||
*
|
||||
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
||||
*/
|
||||
|
||||
/* App Sidebar -------------------------------------------------------------- */
|
||||
|
||||
.app-sidebar-tabs__tab a {
|
||||
&:not(.active):hover,
|
||||
&:not(.active):focus {
|
||||
border-bottom-color: var(--color-background-hover) !important;
|
||||
box-shadow: inset 0 -1px 0 var(--color-background-hover) !important;
|
||||
}
|
||||
|
||||
&.active,
|
||||
&.active:focus,
|
||||
&.active:active {
|
||||
border-bottom-color: var(--color-primary-element) !important;
|
||||
box-shadow: inset 0 -1px 0 var(--color-primary-element) !important;
|
||||
}
|
||||
}
|
||||
|
||||
.versionsTabView li {
|
||||
border-color: var(--color-border);
|
||||
|
||||
&:hover {
|
||||
background: var(--color-background-hover);
|
||||
}
|
||||
}
|
||||
|
||||
.app-sidebar-tabs__content section {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
/* CodeMirror --------------------------------------------------------------- */
|
||||
|
||||
.CodeMirror {
|
||||
background-color: var(--color-main-background) !important;
|
||||
color: var(--color-main-text) !important;
|
||||
|
||||
.cm-formatting {
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.cm-link {
|
||||
color: var(--color-text-link) !important;
|
||||
}
|
||||
|
||||
.cm-s-easymde .cm-url,
|
||||
.cm-s-easymde .cm-string {
|
||||
color: var(--color-text-inactive) !important;
|
||||
}
|
||||
|
||||
.CodeMirror-selected {
|
||||
background-color: var(--color-main-background) !important;
|
||||
}
|
||||
|
||||
.CodeMirror-selectedtext {
|
||||
background-color: var(--color-text-selection) !important;
|
||||
color: var(--color-main-text);
|
||||
}
|
||||
|
||||
.CodeMirror-cursor {
|
||||
border-left-color: var(--color-main-text);
|
||||
}
|
||||
}
|
||||
|
||||
// CodeMirror Markdown preview
|
||||
// For Deck and Notes
|
||||
|
||||
#description-preview,
|
||||
.note-preview {
|
||||
pre {
|
||||
background-color: var(--color-background-darker) !important;
|
||||
border: 1px solid var(--color-border);
|
||||
border-radius: 3px;
|
||||
padding: 16px !important;
|
||||
}
|
||||
|
||||
code {
|
||||
background-color: var(--color-background-darker) !important;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
border-left: 4px solid var(--color-border);
|
||||
color: var(--color-main-text);
|
||||
font-style: italic;
|
||||
padding-left: 2ex;
|
||||
}
|
||||
}
|
|
@ -0,0 +1,51 @@
|
|||
/***
|
||||
* @copyright Copyright (c) 2017, Magnus Walbeck <mw@mwalbeck.org>
|
||||
*
|
||||
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
||||
*/
|
||||
|
||||
/* Activity ----------------------------------------------------------------- */
|
||||
|
||||
#no_more_activities,
|
||||
.activity-icon {
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.activitysubject strong.systemtag {
|
||||
background-color: var(--color-main-background) !important;
|
||||
border: 1px solid var(--color-border);
|
||||
}
|
||||
|
||||
/* Icons -------------------------------------------------------------------- */
|
||||
|
||||
.icon-activity,
|
||||
.icon-activity-dark {
|
||||
background-image: var(--icon-activity-activity-f2f2f2) !important;
|
||||
}
|
||||
|
||||
// Activity App: Navigation sidebar
|
||||
.app-activity #app-navigation ul li a img {
|
||||
filter: invert(95%);
|
||||
}
|
||||
|
||||
// Activity App: Icons in activity feed
|
||||
.app-activity .activity-icon,
|
||||
.activity .activity-icon,
|
||||
.activity .activity--header {
|
||||
img[src$="share.svg"],
|
||||
img[src$="change.svg"],
|
||||
img[src$="calendar.svg"],
|
||||
img[src$="comment.svg"],
|
||||
img[src$="announcementcenter-dark.svg"],
|
||||
img[src$="archive.svg"],
|
||||
img[src$="tag.svg"],
|
||||
img[src$="checkmark.svg"],
|
||||
img[src$="personal.svg"],
|
||||
img[src$="deck-dark.svg"],
|
||||
img[src$="app-dark.svg"],
|
||||
img[src$="password.svg"],
|
||||
img[src$="star.svg"],
|
||||
img[src$="files.svg"] {
|
||||
filter: invert(95%);
|
||||
}
|
||||
}
|
|
@ -0,0 +1,108 @@
|
|||
/***
|
||||
* @copyright Copyright (c) 2017, Magnus Walbeck <mw@mwalbeck.org>
|
||||
*
|
||||
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
||||
*/
|
||||
|
||||
/* Files -------------------------------------------------------------------- */
|
||||
|
||||
.recommendation {
|
||||
&:hover,
|
||||
&:focus {
|
||||
background: var(--color-background-hover) !important;
|
||||
}
|
||||
}
|
||||
|
||||
.filesize {
|
||||
color: var(--color-text-maxcontrast) !important;
|
||||
}
|
||||
|
||||
.date > span {
|
||||
color: var(--color-text-maxcontrast) !important;
|
||||
}
|
||||
|
||||
table tr[data-has-preview="true"] .thumbnail {
|
||||
border: unset !important;
|
||||
}
|
||||
|
||||
#filestable .filename .favorite-mark .icon-star {
|
||||
background-image: none !important;
|
||||
}
|
||||
|
||||
#filestable.view-grid:not(.hidden) tbody tr:not(.hidden) {
|
||||
background-color: unset !important;
|
||||
|
||||
&:hover .thumbnail-wrapper,
|
||||
&:hover .nametext,
|
||||
&:hover .fileactions,
|
||||
&:focus .thumbnail-wrapper,
|
||||
&:focus .nametext,
|
||||
&:focus .fileactions,
|
||||
&:active .thumbnail-wrapper,
|
||||
&:active .nametext,
|
||||
&:active .fileactions,
|
||||
&.selected .thumbnail-wrapper,
|
||||
&.selected .nametext,
|
||||
&.selected .fileactions,
|
||||
&.highlighted .thumbnail-wrapper,
|
||||
&.highlighted .nametext,
|
||||
&.highlighted .fileactions,
|
||||
&.searchresult .thumbnail-wrapper,
|
||||
&.searchresult .nametext,
|
||||
&.searchresult .fileactions,
|
||||
.name:focus .thumbnail-wrapper,
|
||||
.name:focus .nametext,
|
||||
.name:focus .fileactions {
|
||||
background-color: unset !important;
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active,
|
||||
&.selected,
|
||||
&.highlighted,
|
||||
&.searchresult {
|
||||
background-color: var(--color-background-hover) !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Icons -------------------------------------------------------------------- */
|
||||
|
||||
.nav-icon-files {
|
||||
background-image: var(--icon-files-folder-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.nav-icon-recent {
|
||||
background-image: var(--icon-files-recent-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.nav-icon-sharingin,
|
||||
.nav-icon-sharingout,
|
||||
.nav-icon-pendingshares,
|
||||
.nav-icon-shareoverview {
|
||||
background-image: var(--icon-files-share-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.nav-icon-sharinglinks {
|
||||
background-image: var(--icon-files-public-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.nav-icon-deletedshares {
|
||||
background-image: var(--icon-files-unshare-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.nav-icon-extstoragemounts {
|
||||
background-image: var(--icon-files-external-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.nav-icon-trashbin {
|
||||
background-image: var(--icon-files-delete-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.nav-icon-favorites {
|
||||
background-image: var(--icon-star-dark-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.nav-icon-systemtagsfilter {
|
||||
background-image: var(--icon-tag-f2f2f2) !important;
|
||||
}
|
|
@ -0,0 +1,27 @@
|
|||
/***
|
||||
* @copyright Copyright (c) 2017, Magnus Walbeck <mw@mwalbeck.org>
|
||||
*
|
||||
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
||||
*/
|
||||
|
||||
/* Log reader --------------------------------------------------------------- */
|
||||
|
||||
#logreader-root table {
|
||||
.menu {
|
||||
background-color: var(--color-main-background);
|
||||
border-color: var(--color-border);
|
||||
|
||||
h4 {
|
||||
border-bottom-color: var(--color-border);
|
||||
}
|
||||
}
|
||||
|
||||
thead th {
|
||||
border-bottom-color: var(--color-border);
|
||||
}
|
||||
|
||||
tbody tr td {
|
||||
background-color: var(--color-main-background) !important;
|
||||
border-bottom-color: var(--color-border);
|
||||
}
|
||||
}
|
|
@ -7,25 +7,24 @@
|
|||
/* Notifications ------------------------------------------------------------ */
|
||||
|
||||
.toastify.toast {
|
||||
box-shadow: none;
|
||||
border: 1px solid var(--color-border);
|
||||
border: 1px solid var(--color-border);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.notification-container.menu {
|
||||
li:hover {
|
||||
background-color: inherit;
|
||||
}
|
||||
|
||||
li:hover {
|
||||
background-color: inherit;
|
||||
}
|
||||
|
||||
.notification:hover,
|
||||
.dismiss-all:hover {
|
||||
background-color: var(--color-background-hover);
|
||||
}
|
||||
.notification:hover,
|
||||
.dismiss-all:hover {
|
||||
background-color: var(--color-background-hover);
|
||||
}
|
||||
}
|
||||
|
||||
/* Manual icon variable definitions for icons to prevent black icons -------- */
|
||||
|
||||
.icon-notifications-dark,
|
||||
.icon-notifications {
|
||||
background-image: var(--icon-notifications-notifications-dark-f2f2f2) !important;
|
||||
background-image: var(--icon-notifications-notifications-dark-f2f2f2) !important;
|
||||
}
|
|
@ -0,0 +1,11 @@
|
|||
/***
|
||||
* @copyright Copyright (c) 2020, Magnus Walbeck <mw@mwalbeck.org>
|
||||
*
|
||||
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
||||
*/
|
||||
|
||||
/* Icons -------------------------------------------------------------------- */
|
||||
|
||||
.icon-yourphotos {
|
||||
background-image: var(--icon-photos-yourphotos-f2f2f2) !important;
|
||||
}
|
|
@ -1,52 +0,0 @@
|
|||
/***
|
||||
* @copyright Copyright (c) 2017, Magnus Walbeck <mw@mwalbeck.org>
|
||||
*
|
||||
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
||||
*/
|
||||
|
||||
/* Activity ----------------------------------------------------------------- */
|
||||
|
||||
#no_more_activities,
|
||||
.activity-icon {
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.activitysubject strong.systemtag {
|
||||
background-color: var(--color-main-background);
|
||||
border: 1px solid var(--color-border);
|
||||
}
|
||||
|
||||
/* Icons -------------------------------------------------------------------- */
|
||||
|
||||
.icon-activity,
|
||||
.icon-activity-dark {
|
||||
background-image: var(--icon-activity-activity-f2f2f2) !important;
|
||||
}
|
||||
|
||||
// Activity App: Navigation sidebar
|
||||
.app-activity #app-navigation ul li a img {
|
||||
filter: invert(95%);
|
||||
}
|
||||
|
||||
// Activity App: Icons in activity feed
|
||||
.app-activity .activity-icon,
|
||||
.activity .activity-icon,
|
||||
.activity .activity--header {
|
||||
|
||||
img[src$="share.svg"],
|
||||
img[src$="change.svg"],
|
||||
img[src$="calendar.svg"],
|
||||
img[src$="comment.svg"],
|
||||
img[src$="announcementcenter-dark.svg"],
|
||||
img[src$="archive.svg"],
|
||||
img[src$="tag.svg"],
|
||||
img[src$="checkmark.svg"],
|
||||
img[src$="personal.svg"],
|
||||
img[src$="deck-dark.svg"],
|
||||
img[src$="app-dark.svg"],
|
||||
img[src$="password.svg"],
|
||||
img[src$="star.svg"],
|
||||
img[src$="files.svg"] {
|
||||
filter: invert(95%);
|
||||
}
|
||||
}
|
|
@ -7,28 +7,24 @@
|
|||
/* Announcement Center ------------------------------------------------------ */
|
||||
|
||||
.app-announcementcenter {
|
||||
#announcement_submit_msg.success {
|
||||
background-color: var(--color-success) !important;
|
||||
}
|
||||
|
||||
#announcement_submit_msg.success {
|
||||
color: var(--color-text-active) !important;
|
||||
background-color: var(--color-success) !important;
|
||||
}
|
||||
|
||||
.section > span {
|
||||
color: var(--color-text-inactive);
|
||||
}
|
||||
|
||||
.section > span {
|
||||
color: var(--color-text-maxcontrast);
|
||||
}
|
||||
}
|
||||
|
||||
/* Icons -------------------------------------------------------------------- */
|
||||
|
||||
.app-announcementcenter {
|
||||
.icon-announcementcenter,
|
||||
.icon-announcementcenter-dark {
|
||||
background-image: var(--icon-announcementcenter-announcementcenter-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-announcementcenter,
|
||||
.icon-announcementcenter-dark {
|
||||
background-image: var(--icon-announcementcenter-announcementcenter-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-notifications-off {
|
||||
background-image: var(--icon-announcementcenter-notifications-off-f2f2f2) !important;
|
||||
}
|
||||
.icon-notifications-off {
|
||||
background-image: var(--icon-announcementcenter-notifications-off-f2f2f2) !important;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -7,166 +7,160 @@
|
|||
/* Calendar ----------------------------------------------------------------- */
|
||||
|
||||
.app-calendar #app-content {
|
||||
.fc-view-container {
|
||||
.fc-day {
|
||||
background-color: var(--color-background-darker);
|
||||
|
||||
.fc-view-container {
|
||||
&.fc-other-month {
|
||||
background-color: var(--color-main-background);
|
||||
}
|
||||
}
|
||||
|
||||
.fc-day {
|
||||
background-color: var(--color-background-darker);
|
||||
.fc-day.fc-today {
|
||||
background-color: var(--color-background-darker) !important;
|
||||
}
|
||||
|
||||
&.fc-other-month {
|
||||
background-color: var(--color-main-background);
|
||||
}
|
||||
}
|
||||
.fc-day-top {
|
||||
&.fc-sat,
|
||||
&.fc-sun {
|
||||
.fc-day-number {
|
||||
color: var(--color-primary-element);
|
||||
}
|
||||
}
|
||||
|
||||
.fc-day.fc-today {
|
||||
background-color: var(--color-background-darker) !important;
|
||||
}
|
||||
&.fc-today {
|
||||
&:not(.fc-day-header) {
|
||||
background-color: inherit !important;
|
||||
}
|
||||
|
||||
.fc-day-top {
|
||||
.fc-day-number {
|
||||
color: var(--color-main-text);
|
||||
}
|
||||
}
|
||||
|
||||
&.fc-sat,
|
||||
&.fc-sun {
|
||||
&.fc-other-month {
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.fc-day-number {
|
||||
color: var(--color-primary-element);
|
||||
}
|
||||
}
|
||||
|
||||
&.fc-today {
|
||||
|
||||
&:not(.fc-day-header) {
|
||||
background-color: inherit !important;
|
||||
}
|
||||
|
||||
.fc-day-number {
|
||||
color: var(--color-main-text);
|
||||
}
|
||||
}
|
||||
|
||||
&.fc-other-month {
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.fc-week-number {
|
||||
background-color: var(--color-background-darker) !important;
|
||||
border-right: 1px solid var(--color-border);
|
||||
border-bottom: 1px solid var(--color-border);
|
||||
}
|
||||
}
|
||||
}
|
||||
.fc-week-number {
|
||||
background-color: var(--color-background-darker) !important;
|
||||
border-bottom: 1px solid var(--color-border);
|
||||
border-right: 1px solid var(--color-border);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.app-calendar #app-sidebar .app-sidebar-tabs__nav .app-sidebar-tabs__tab a.active {
|
||||
border-bottom-color: var(--color-primary-element);
|
||||
box-shadow: inset 0 -1px 0 var(--color-primary-element);
|
||||
border-bottom-color: var(--color-primary-element);
|
||||
box-shadow: inset 0 -1px 0 var(--color-primary-element);
|
||||
}
|
||||
|
||||
.app-calendar #app-sidebar {
|
||||
.app-sidebar-tabs__nav .app-sidebar-tabs__tab a:not(.active):hover,
|
||||
.app-sidebar-tabs__nav .app-sidebar-tabs__tab a:not(.active):focus {
|
||||
border-bottom-color: var(--color-background-dark);
|
||||
box-shadow: inset 0 -1px 0 var(--color-background-dark);
|
||||
}
|
||||
|
||||
.app-sidebar-tabs__nav .app-sidebar-tabs__tab a:not(.active):hover,
|
||||
.app-sidebar-tabs__nav .app-sidebar-tabs__tab a:not(.active):focus {
|
||||
box-shadow: inset 0 -1px 0 var(--color-background-dark);
|
||||
border-bottom-color: var(--color-background-dark);
|
||||
}
|
||||
#tab-app-sidebar-tab-repeat
|
||||
.repeat-option-set-section__grid
|
||||
.repeat-option-set-section-grid-item {
|
||||
&:active,
|
||||
&:focus {
|
||||
background-color: var(--color-main-background);
|
||||
border-color: var(--color-border);
|
||||
}
|
||||
|
||||
#tab-app-sidebar-tab-repeat .repeat-option-set-section__grid .repeat-option-set-section-grid-item {
|
||||
&:hover {
|
||||
background-color: var(--color-background-hover);
|
||||
border-color: var(--color-primary-element);
|
||||
}
|
||||
|
||||
&:active,
|
||||
&:focus {
|
||||
background-color: var(--color-main-background);
|
||||
border-color: var(--color-border);
|
||||
}
|
||||
&.primary {
|
||||
background-color: var(--color-primary-element) !important;
|
||||
border-color: var(--color-primary-element) !important;
|
||||
|
||||
&:hover {
|
||||
background-color: var(--color-background-hover);
|
||||
border-color: var(--color-border-active);
|
||||
}
|
||||
|
||||
&.primary {
|
||||
background-color: var(--color-primary-element) !important;
|
||||
border-color: var(--color-border-active) !important;
|
||||
|
||||
&:hover {
|
||||
background-color: var(--color-background-hover) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
background-color: var(--color-background-hover) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.color-picker .vc-chrome {
|
||||
background-color: var(--color-main-background);
|
||||
background-color: var(--color-main-background);
|
||||
|
||||
.vc-chrome-saturation-wrap {
|
||||
border: 1px solid var(--color-border);
|
||||
}
|
||||
.vc-chrome-saturation-wrap {
|
||||
border: 1px solid var(--color-border);
|
||||
}
|
||||
|
||||
.vc-chrome-body {
|
||||
background-color: var(--color-main-background);
|
||||
.vc-chrome-body {
|
||||
background-color: var(--color-main-background);
|
||||
|
||||
.vc-chrome-controls .vc-chrome-color-wrap .vc-chrome-active-color {
|
||||
border: 1px solid var(--color-border);
|
||||
}
|
||||
}
|
||||
.vc-chrome-controls .vc-chrome-color-wrap .vc-chrome-active-color {
|
||||
border: 1px solid var(--color-border);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Icons -------------------------------------------------------------------- */
|
||||
|
||||
.app-calendar,
|
||||
.event-popover {
|
||||
.icon-rightarrow {
|
||||
background-image: var(--icon-calendar-rightarrow-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-rightarrow {
|
||||
background-image: var(--icon-calendar-rightarrow-f2f2f2) !important;
|
||||
}
|
||||
.icon-leftarrow {
|
||||
background-image: var(--icon-calendar-leftarrow-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-leftarrow {
|
||||
background-image: var(--icon-calendar-leftarrow-f2f2f2) !important;
|
||||
}
|
||||
.icon-view-module {
|
||||
background-image: var(--icon-calendar-view-module-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-view-module {
|
||||
background-image: var(--icon-calendar-view-module-f2f2f2) !important;
|
||||
}
|
||||
.icon-view-week {
|
||||
background-image: var(--icon-calendar-view-week-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-view-week {
|
||||
background-image: var(--icon-calendar-view-week-f2f2f2) !important;
|
||||
}
|
||||
.icon-view-day {
|
||||
background-image: var(--icon-calendar-view-day-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-view-day {
|
||||
background-image: var(--icon-calendar-view-day-f2f2f2) !important;
|
||||
}
|
||||
.icon-new-calendar {
|
||||
background-image: var(--icon-calendar-new-calendar-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-new-calendar {
|
||||
background-image: var(--icon-calendar-new-calendar-f2f2f2) !important;
|
||||
}
|
||||
.icon-new-calendar-with-task-list {
|
||||
background-image: var(--icon-calendar-new-calendar-with-task-list-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-new-calendar-with-task-list {
|
||||
background-image: var(--icon-calendar-new-calendar-with-task-list-f2f2f2) !important;
|
||||
}
|
||||
.icon-timezone {
|
||||
background-image: var(--icon-calendar-timezone-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-timezone {
|
||||
background-image: var(--icon-calendar-timezone-f2f2f2) !important;
|
||||
}
|
||||
.icon-eye {
|
||||
background-image: var(--icon-calendar-eye-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-eye {
|
||||
background-image: var(--icon-calendar-eye-f2f2f2) !important;
|
||||
}
|
||||
.icon-briefcase {
|
||||
background-image: var(--icon-calendar-briefcase-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-briefcase {
|
||||
background-image: var(--icon-calendar-briefcase-f2f2f2) !important;
|
||||
}
|
||||
.icon-reminder {
|
||||
background-image: var(--icon-calendar-reminder-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-reminder {
|
||||
background-image: var(--icon-calendar-reminder-f2f2f2) !important;
|
||||
}
|
||||
.icon-repeat {
|
||||
background-image: var(--icon-calendar-repeat-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-repeat {
|
||||
background-image: var(--icon-calendar-repeat-f2f2f2) !important;
|
||||
}
|
||||
.icon-embed {
|
||||
background-image: var(--icon-calendar-embed-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-embed {
|
||||
background-image: var(--icon-calendar-embed-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-color-picker {
|
||||
background-image: var(--icon-calendar-color-picker-f2f2f2) !important;
|
||||
}
|
||||
.icon-color-picker {
|
||||
background-image: var(--icon-calendar-color-picker-f2f2f2) !important;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -7,41 +7,39 @@
|
|||
/* Contacts ----------------------------------------------------------------- */
|
||||
|
||||
.app-contacts #app-content .app-content-list-item.active {
|
||||
background-color: var(--color-primary-element);
|
||||
color: var(--color-text-active);
|
||||
font-weight: 600;
|
||||
background-color: var(--color-primary-element);
|
||||
color: var(--color-main-text);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* Icons -------------------------------------------------------------------- */
|
||||
|
||||
.app-contacts {
|
||||
.icon-phone {
|
||||
background-image: var(--icon-contacts-phone-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-phone {
|
||||
background-image: var(--icon-contacts-phone-f2f2f2) !important;
|
||||
}
|
||||
.icon-address-book {
|
||||
background-image: var(--icon-contacts-address-book-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-address-book {
|
||||
background-image: var(--icon-contacts-address-book-f2f2f2) !important;
|
||||
}
|
||||
.icon-social {
|
||||
background-image: var(--icon-contacts-social-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-social {
|
||||
background-image: var(--icon-contacts-social-f2f2f2) !important;
|
||||
}
|
||||
.icon-qrcode {
|
||||
background-image: var(--icon-contacts-qrcode-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-qrcode {
|
||||
background-image: var(--icon-contacts-qrcode-f2f2f2) !important;
|
||||
}
|
||||
.icon-language {
|
||||
background-image: var(--icon-contacts-language-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-language {
|
||||
background-image: var(--icon-contacts-language-f2f2f2) !important;
|
||||
}
|
||||
.icon-up {
|
||||
background-image: var(--icon-contacts-up-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-up {
|
||||
background-image: var(--icon-contacts-up-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.sort-contacts .multiselect .multiselect__single {
|
||||
background-image: var(--icon-triangle-s-f2f2f2) !important;
|
||||
}
|
||||
.sort-contacts .multiselect .multiselect__single {
|
||||
background-image: var(--icon-triangle-s-f2f2f2) !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -10,17 +10,8 @@
|
|||
border-bottom-color: var(--color-border) !important;
|
||||
}
|
||||
|
||||
.board-wrapper .controls {
|
||||
|
||||
.board-title h2 a {
|
||||
color: var(--color-text-active);
|
||||
}
|
||||
}
|
||||
|
||||
.board-wrapper .board {
|
||||
|
||||
.stack {
|
||||
|
||||
.stack--card-add form {
|
||||
box-shadow: none;
|
||||
|
||||
|
@ -30,23 +21,19 @@
|
|||
}
|
||||
|
||||
.card {
|
||||
box-shadow: none;
|
||||
border: 1px solid var(--color-border);
|
||||
background-color: var(--color-background-darker);
|
||||
|
||||
border: 1px solid var(--color-border);
|
||||
box-shadow: none;
|
||||
|
||||
&:hover,
|
||||
.current-card {
|
||||
border-color: var(--color-primary-element);
|
||||
box-shadow: none;
|
||||
border-color: var(--color-border-active);
|
||||
}
|
||||
|
||||
.due {
|
||||
opacity: 1;
|
||||
|
||||
span {
|
||||
color: var(--color-text-active);
|
||||
}
|
||||
|
||||
&.next {
|
||||
background-color: var(--color-neutral);
|
||||
opacity: 1;
|
||||
|
@ -69,7 +56,7 @@
|
|||
background-color: var(--color-error);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -79,7 +66,6 @@
|
|||
}
|
||||
|
||||
#app-sidebar {
|
||||
|
||||
#description-preview a {
|
||||
opacity: 1;
|
||||
}
|
||||
|
@ -104,15 +90,15 @@
|
|||
}
|
||||
|
||||
.icon-clone {
|
||||
background-image: var(--icon-deck-clone-f2f2f2) !important;
|
||||
background-image: var(--icon-deck-clone-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-filter {
|
||||
background-image: var(--icon-deck-filter-f2f2f2) !important;
|
||||
background-image: var(--icon-deck-filter-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-attach {
|
||||
background-image: var(--icon-deck-attach-f2f2f2) !important;
|
||||
background-image: var(--icon-deck-attach-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-calendar-dark.now,
|
||||
|
@ -121,14 +107,13 @@
|
|||
}
|
||||
|
||||
.icon-filter_set {
|
||||
background-image: var(--icon-deck-filter_set-f2f2f2) !important;
|
||||
background-image: var(--icon-deck-filter_set-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.resource-type-deck {
|
||||
|
||||
img[src$="deck-dark.svg"] {
|
||||
filter: invert(95%);
|
||||
opacity: .7 !important;
|
||||
opacity: 0.7 !important;
|
||||
}
|
||||
|
||||
&:hover img[src$="deck-dark.svg"] {
|
||||
|
|
|
@ -7,5 +7,5 @@
|
|||
/* External sites ----------------------------------------------------------- */
|
||||
|
||||
#external ul.icon-list .img {
|
||||
background-color: var(--color-main-background) !important;
|
||||
background-color: var(--color-main-background) !important;
|
||||
}
|
||||
|
|
|
@ -1,109 +0,0 @@
|
|||
/***
|
||||
* @copyright Copyright (c) 2017, Magnus Walbeck <mw@mwalbeck.org>
|
||||
*
|
||||
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
||||
*/
|
||||
|
||||
/* Files -------------------------------------------------------------------- */
|
||||
|
||||
table td.filesize {
|
||||
color: var(--color-text-inactive) !important;
|
||||
}
|
||||
|
||||
td.date > span {
|
||||
color: var(--color-text-inactive) !important;
|
||||
}
|
||||
|
||||
tr {
|
||||
&, &:hover, &:active, &:focus {
|
||||
span.extension {
|
||||
opacity: 0.7;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#fileList tr td.selection > .selectCheckBox + label::before {
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
#filestable .filename .favorite-mark .icon-star {
|
||||
background-image: none !important;
|
||||
}
|
||||
|
||||
#filestable.view-grid:not(.hidden) tbody tr:not(.hidden) {
|
||||
background-color: unset;
|
||||
|
||||
&:hover .thumbnail-wrapper,
|
||||
&:hover .nametext,
|
||||
&:hover .fileactions,
|
||||
&:focus .thumbnail-wrapper,
|
||||
&:focus .nametext,
|
||||
&:focus .fileactions,
|
||||
&:active .thumbnail-wrapper,
|
||||
&:active .nametext,
|
||||
&:active .fileactions,
|
||||
&.selected .thumbnail-wrapper,
|
||||
&.selected .nametext,
|
||||
&.selected .fileactions,
|
||||
&.highlighted .thumbnail-wrapper,
|
||||
&.highlighted .nametext,
|
||||
&.highlighted .fileactions,
|
||||
&.searchresult .thumbnail-wrapper,
|
||||
&.searchresult .nametext,
|
||||
&.searchresult .fileactions,
|
||||
.name:focus .thumbnail-wrapper,
|
||||
.name:focus .nametext,
|
||||
.name:focus .fileactions {
|
||||
background-color: unset !important;
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active,
|
||||
&.selected,
|
||||
&.highlighted,
|
||||
&.searchresult {
|
||||
background-color: var(--color-background-hover) !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Icons -------------------------------------------------------------------- */
|
||||
|
||||
.nav-icon-files {
|
||||
background-image: var(--icon-files-folder-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.nav-icon-recent {
|
||||
background-image: var(--icon-files-recent-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.nav-icon-sharingin,
|
||||
.nav-icon-sharingout,
|
||||
.nav-icon-pendingshares,
|
||||
.nav-icon-shareoverview {
|
||||
background-image: var(--icon-files-share-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.nav-icon-sharinglinks {
|
||||
background-image: var(--icon-files-public-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.nav-icon-deletedshares {
|
||||
background-image: var(--icon-files-unshare-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.nav-icon-extstoragemounts {
|
||||
background-image: var(--icon-files-external-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.nav-icon-trashbin {
|
||||
background-image: var(--icon-files-delete-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.nav-icon-favorites {
|
||||
background-image: var(--icon-star-dark-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.nav-icon-systemtagsfilter {
|
||||
background-image: var(--icon-tag-f2f2f2) !important;
|
||||
}
|
|
@ -1,15 +0,0 @@
|
|||
/***
|
||||
* @copyright Copyright (c) 2017, Magnus Walbeck <mw@mwalbeck.org>
|
||||
*
|
||||
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
||||
*/
|
||||
|
||||
/* First Run Wizard --------------------------------------------------------- */
|
||||
|
||||
#firstrunwizard p a {
|
||||
color: var(--color-text-link) !important;
|
||||
|
||||
&:hover, &:focus {
|
||||
color: var(--color-text-link) !important;
|
||||
}
|
||||
}
|
|
@ -7,29 +7,27 @@
|
|||
/* Group folders ------------------------------------------------------------ */
|
||||
|
||||
#groupfolders-wrapper #groupfolders-root {
|
||||
th {
|
||||
border-bottom-color: var(--color-border);
|
||||
}
|
||||
|
||||
th {
|
||||
border-bottom-color: var(--color-border);
|
||||
}
|
||||
td .action-rename::after {
|
||||
filter: invert(95%);
|
||||
}
|
||||
|
||||
td .action-rename::after {
|
||||
filter: invert(95%);
|
||||
}
|
||||
|
||||
.groups .group-edit {
|
||||
background-color: var(--color-main-background) !important;
|
||||
border-color: var(--color-border) !important;
|
||||
.groups .group-edit {
|
||||
background-color: var(--color-main-background) !important;
|
||||
border-color: var(--color-border) !important;
|
||||
|
||||
div[class$="control"] {
|
||||
border-color: var(--color-border) !important;
|
||||
}
|
||||
}
|
||||
div[class$="control"] {
|
||||
border-color: var(--color-border) !important;
|
||||
}
|
||||
}
|
||||
|
||||
.acl {
|
||||
|
||||
div[class$="control"] {
|
||||
background-color: var(--color-main-background) !important;
|
||||
border-color: var(--color-border) !important;
|
||||
}
|
||||
}
|
||||
.acl {
|
||||
div[class$="control"] {
|
||||
background-color: var(--color-main-background) !important;
|
||||
border-color: var(--color-border) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -16,7 +16,7 @@
|
|||
ul.ui-tabs-nav .ui-tabs-active,
|
||||
ul.ui-tabs-nav .ui-tabs-active > a {
|
||||
background-color: var(--color-background-darker) !important;
|
||||
color: var(--color-text-active) !important;
|
||||
color: var(--color-main-text) !important;
|
||||
}
|
||||
|
||||
div.ui-accordion-content {
|
||||
|
@ -30,8 +30,8 @@
|
|||
.ui-state-default,
|
||||
.ui-widget-content .ui-state-default,
|
||||
.ui-widget-header .ui-state-default {
|
||||
border-color: var(--color-border) !important;
|
||||
background: var(--color-main-background) !important;
|
||||
border-color: var(--color-border) !important;
|
||||
color: var(--color-main-text) !important;
|
||||
|
||||
a,
|
||||
|
|
|
@ -1,29 +0,0 @@
|
|||
/***
|
||||
* @copyright Copyright (c) 2017, Magnus Walbeck <mw@mwalbeck.org>
|
||||
*
|
||||
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
||||
*/
|
||||
|
||||
/* Log reader --------------------------------------------------------------- */
|
||||
|
||||
#logreader-root table {
|
||||
|
||||
.menu {
|
||||
background-color: var(--color-main-background);
|
||||
border-color: var(--color-border);
|
||||
|
||||
h4 {
|
||||
border-bottom-color: var(--color-border);
|
||||
}
|
||||
}
|
||||
|
||||
thead th {
|
||||
color: var(--color-main-text);
|
||||
border-bottom-color: var(--color-border);
|
||||
}
|
||||
|
||||
tbody tr td {
|
||||
border-bottom-color: var(--color-border);
|
||||
background-color: var(--color-main-background) !important;
|
||||
}
|
||||
}
|
|
@ -7,20 +7,17 @@
|
|||
/* Mail --------------------------------------------------------------------- */
|
||||
|
||||
.app-mail #account-form .tabs-component-tab {
|
||||
|
||||
a {
|
||||
color: var(--color-main-text);
|
||||
}
|
||||
|
||||
&.is-active {
|
||||
border-bottom-color: var(--color-border-active);
|
||||
border-bottom-color: var(--color-primary-element);
|
||||
}
|
||||
}
|
||||
|
||||
.app-mail #app-content {
|
||||
|
||||
.app-content-list {
|
||||
|
||||
.app-content-list-item,
|
||||
.app-content-list-item-menu a {
|
||||
color: var(--color-main-text);
|
||||
|
@ -28,19 +25,18 @@
|
|||
|
||||
.app-content-list-item-line-two,
|
||||
.app-content-list-item .app-content-list-item-details {
|
||||
color: var(--color-text-maxcontrast);
|
||||
opacity: 1;
|
||||
color: var(--color-text-inactive);
|
||||
}
|
||||
}
|
||||
|
||||
.app-content-details {
|
||||
|
||||
#mail-message-header {
|
||||
background: var(--color-main-background);
|
||||
}
|
||||
|
||||
#mail-content iframe {
|
||||
background-color: #EEE;
|
||||
background-color: #eee;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
|
@ -51,7 +47,6 @@
|
|||
}
|
||||
|
||||
.mail-message-attachments .attachments .attachment {
|
||||
|
||||
.attachment-name:hover {
|
||||
background-color: unset;
|
||||
}
|
||||
|
@ -76,7 +71,6 @@
|
|||
/* Icons -------------------------------------------------------------------- */
|
||||
|
||||
.app-mail {
|
||||
|
||||
.icon-inbox {
|
||||
background-image: var(--icon-mail-inbox-f2f2f2) !important;
|
||||
}
|
||||
|
|
|
@ -7,19 +7,17 @@
|
|||
/* Maps --------------------------------------------------------------------- */
|
||||
|
||||
.app-maps #app-navigation {
|
||||
|
||||
#navigation-favorites:not(.active),
|
||||
#navigation-routing:not(.active),
|
||||
#navigation-photos:not(.active),
|
||||
#navigation-contacts:not(.active),
|
||||
#navigation-tracks:not(.active),
|
||||
#navigation-devices:not(.active) {
|
||||
|
||||
> a,
|
||||
> .app-navigation-entry-utils {
|
||||
opacity: 0.57 !important;
|
||||
}
|
||||
|
||||
|
||||
> .app-navigation-entry-menu {
|
||||
opacity: 1 !important;
|
||||
|
||||
|
@ -31,10 +29,9 @@
|
|||
}
|
||||
|
||||
.app-maps #app-content {
|
||||
|
||||
#search-form #search-submit {
|
||||
border: none !important;
|
||||
background-color: transparent !important;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.leaflet-container {
|
||||
|
@ -74,8 +71,8 @@
|
|||
|
||||
.leaflet-contextmenu {
|
||||
background-color: var(--color-main-background);
|
||||
box-shadow: none;
|
||||
border: 1px solid var(--color-border);
|
||||
box-shadow: none;
|
||||
|
||||
.leaflet-contextmenu-item.over {
|
||||
background-color: var(--color-background-hover);
|
||||
|
@ -88,12 +85,11 @@
|
|||
}
|
||||
|
||||
.leaflet-routing-alt {
|
||||
|
||||
tr:hover {
|
||||
background-color: var(--color-background-hover);
|
||||
}
|
||||
|
||||
tr:nth-child(2n+1) {
|
||||
tr:nth-child(2n + 1) {
|
||||
background-color: var(--color-background-darker);
|
||||
}
|
||||
}
|
||||
|
@ -105,22 +101,20 @@
|
|||
}
|
||||
|
||||
.leaflet-routing-geocoder-result table {
|
||||
border-color: var(--color-border) !important;
|
||||
background-color: var(--color-main-background) !important;
|
||||
|
||||
border-color: var(--color-border) !important;
|
||||
|
||||
tr:hover,
|
||||
.leaflet-routing-geocoder-selected {
|
||||
background-color: var(--color-background-hover);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* Icons -------------------------------------------------------------------- */
|
||||
|
||||
// Filtered images
|
||||
|
||||
.app-maps #app-content {
|
||||
|
||||
img[src$="star-dark?color=000000"],
|
||||
img[src$="picture?color=000000"],
|
||||
img[src$="user?color=000000"],
|
||||
|
|
|
@ -7,87 +7,84 @@
|
|||
/* News --------------------------------------------------------------------- */
|
||||
|
||||
.app-news #app-navigation {
|
||||
|
||||
.add-new .heading {
|
||||
|
||||
&:hover {
|
||||
background-color: var(--color-background-hover);
|
||||
}
|
||||
.add-new .heading {
|
||||
&:hover {
|
||||
background-color: var(--color-background-hover);
|
||||
}
|
||||
|
||||
button:active,
|
||||
button:focus {
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
button:active,
|
||||
button:focus {
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
#app-settings-content a {
|
||||
color: var(--color-text-link);
|
||||
}
|
||||
#app-settings-content a {
|
||||
color: var(--color-text-link);
|
||||
}
|
||||
}
|
||||
|
||||
.app-news #app-content {
|
||||
|
||||
.item.active {
|
||||
background-image: none;
|
||||
}
|
||||
.item.active {
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.body {
|
||||
font-size: 15px;
|
||||
font-size: 15px;
|
||||
|
||||
a {
|
||||
color: var(--color-text-link);
|
||||
color: var(--color-text-link);
|
||||
}
|
||||
|
||||
blockquote {
|
||||
border-color: var(--color-primary);
|
||||
border-color: var(--color-primary-element);
|
||||
}
|
||||
|
||||
h1, h2, h3 {
|
||||
color: var(--color-text-active);
|
||||
h1,
|
||||
h2,
|
||||
h3 {
|
||||
color: var(--color-primary-element);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.app-news #explore {
|
||||
.grid-item {
|
||||
border-color: var(--color-border);
|
||||
}
|
||||
|
||||
.grid-item {
|
||||
border-color: var(--color-border);
|
||||
}
|
||||
|
||||
.explore-footer a {
|
||||
color: var(--color-text-link);
|
||||
}
|
||||
.explore-footer a {
|
||||
color: var(--color-text-link);
|
||||
}
|
||||
}
|
||||
|
||||
/* Icons -------------------------------------------------------------------- */
|
||||
|
||||
.app-news {
|
||||
.icon-rss {
|
||||
background-image: var(--icon-news-rss-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-rss {
|
||||
background-image: var(--icon-news-rss-f2f2f2) !important;
|
||||
}
|
||||
.icon-unpinned {
|
||||
background-image: var(--icon-news-unpinned-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-unpinned {
|
||||
background-image: var(--icon-news-unpinned-f2f2f2) !important;
|
||||
}
|
||||
.icon-pinned {
|
||||
background-image: var(--icon-news-pinned-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-pinned {
|
||||
background-image: var(--icon-news-pinned-f2f2f2) !important;
|
||||
}
|
||||
.icon-full-text-disabled {
|
||||
background-image: var(--icon-news-nonfulltext-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-full-text-disabled {
|
||||
background-image: var(--icon-news-nonfulltext-f2f2f2) !important;
|
||||
}
|
||||
.icon-full-text-enabled {
|
||||
background-image: var(--icon-news-fulltext-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-full-text-enabled {
|
||||
background-image: var(--icon-news-fulltext-f2f2f2) !important;
|
||||
}
|
||||
.icon-updatemode-default {
|
||||
background-image: var(--icon-news-updatemodedefault-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-updatemode-default {
|
||||
background-image: var(--icon-news-updatemodedefault-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-updatemode-unread {
|
||||
background-image: var(--icon-news-updatemodeunread-f2f2f2) !important;
|
||||
}
|
||||
.icon-updatemode-unread {
|
||||
background-image: var(--icon-news-updatemodeunread-f2f2f2) !important;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -7,26 +7,24 @@
|
|||
/* Notes -------------------------------------------------------------------- */
|
||||
|
||||
.app-notes .app-navigation {
|
||||
|
||||
button.icon-confirm,
|
||||
button.icon-close {
|
||||
button.icon-confirm,
|
||||
button.icon-close {
|
||||
background-image: none !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Icons -------------------------------------------------------------------- */
|
||||
|
||||
.app-notes {
|
||||
.icon-recent {
|
||||
background-image: var(--icon-notes-recent-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-recent {
|
||||
background-image: var(--icon-notes-recent-f2f2f2) !important;
|
||||
}
|
||||
.icon-emptyfolder {
|
||||
background-image: var(--icon-notes-folder-empty-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-emptyfolder {
|
||||
background-image: var(--icon-notes-folder-empty-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-files {
|
||||
background-image: var(--icon-notes-folder-f2f2f2) !important;
|
||||
}
|
||||
.icon-files {
|
||||
background-image: var(--icon-notes-folder-f2f2f2) !important;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,21 +0,0 @@
|
|||
/***
|
||||
* @copyright Copyright (c) 2020, Magnus Walbeck <mw@mwalbeck.org>
|
||||
*
|
||||
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
||||
*/
|
||||
|
||||
/* Photos ------------------------------------------------------------------- */
|
||||
|
||||
.app-photos {
|
||||
background-color: var(--color-main-background);
|
||||
}
|
||||
|
||||
/* Icons -------------------------------------------------------------------- */
|
||||
|
||||
.icon-yourphotos {
|
||||
background-image: var(--icon-photos-yourphotos-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-favorite {
|
||||
background-image: var(--icon-star-dark-f2f2f2) !important;
|
||||
}
|
|
@ -7,5 +7,5 @@
|
|||
/* Retention ---------------------------------------------------------------- */
|
||||
|
||||
#retention #retention-list td {
|
||||
border-color: var(--color-border) !important;
|
||||
border-color: var(--color-border) !important;
|
||||
}
|
||||
|
|
|
@ -7,9 +7,8 @@
|
|||
/* Spreed ------------------------------------------------------------------- */
|
||||
|
||||
.app-Talk #app-navigation {
|
||||
|
||||
.avatardiv--with-menu .icon-more::before {
|
||||
color: var(--color-text-active);
|
||||
color: var(--color-main-text);
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -17,16 +16,15 @@
|
|||
|
||||
// Used by other apps so set it globally
|
||||
.icon-talk {
|
||||
background-image: var(--icon-spreed-app-dark-f2f2f2) !important;
|
||||
background-image: var(--icon-spreed-app-dark-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.app-talk {
|
||||
.icon-lobby {
|
||||
background-image: var(--icon-spreed-lobby-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-lobby {
|
||||
background-image: var(--icon-spreed-lobby-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-reply {
|
||||
background-image: var(--icon-spreed-reply-f2f2f2) !important;
|
||||
}
|
||||
.icon-reply {
|
||||
background-image: var(--icon-spreed-reply-f2f2f2) !important;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,26 +0,0 @@
|
|||
/***
|
||||
* @copyright Copyright (c) 2019, Magnus Walbeck <mw@mwalbeck.org>
|
||||
*
|
||||
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
||||
*/
|
||||
|
||||
/* System monitoring -------------------------------------------------------- */
|
||||
|
||||
.app-settings #app-content {
|
||||
|
||||
#one,
|
||||
#two,
|
||||
#activeUsersSection,
|
||||
#sharesSection {
|
||||
|
||||
.infobox {
|
||||
background-color: #F9F9F9 !important;
|
||||
color: #555555 !important;
|
||||
|
||||
h2,
|
||||
h3 {
|
||||
color: #555555 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
|
@ -11,7 +11,6 @@
|
|||
}
|
||||
|
||||
.app-tasks .app-content {
|
||||
|
||||
.sortorder-dropdown-button {
|
||||
background-color: var(--color-main-background);
|
||||
}
|
||||
|
@ -41,13 +40,12 @@
|
|||
}
|
||||
|
||||
.task-list .loadmore span {
|
||||
color: var(--color-text-inactive) !important;
|
||||
background-color: var(--color-background-darker) !important;
|
||||
color: var(--color-text-maxcontrast) !important;
|
||||
}
|
||||
}
|
||||
|
||||
.app-tasks #app-sidebar div.content-wrapper {
|
||||
|
||||
.title {
|
||||
background-color: var(--color-primary-element);
|
||||
|
||||
|
@ -87,7 +85,6 @@
|
|||
/* Icons -------------------------------------------------------------------- */
|
||||
|
||||
.app-tasks {
|
||||
|
||||
.sprt-startdate,
|
||||
.sprt-duedate,
|
||||
.sprt-current,
|
||||
|
@ -112,19 +109,19 @@
|
|||
}
|
||||
|
||||
.icon-start {
|
||||
background-image: var(--icon-tasks-icon-start-f2f2f2) !important;
|
||||
background-image: var(--icon-tasks-icon-start-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-due {
|
||||
background-image: var(--icon-tasks-icon-due-f2f2f2) !important;
|
||||
background-image: var(--icon-tasks-icon-due-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-task-star {
|
||||
background-image: var(--icon-tasks-icon-task-star-f2f2f2) !important;
|
||||
background-image: var(--icon-tasks-icon-task-star-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-alphabetically {
|
||||
background-image: var(--icon-tasks-icon-alphabetically-f2f2f2) !important;
|
||||
background-image: var(--icon-tasks-icon-alphabetically-f2f2f2) !important;
|
||||
}
|
||||
|
||||
input[type="checkbox"].checkbox:checked + label::before {
|
||||
|
@ -132,7 +129,6 @@
|
|||
}
|
||||
|
||||
.app-content > div .task-list .grouped-tasks .task-item .task-body .task-body-icons {
|
||||
|
||||
.icon-subtasks-visible {
|
||||
background-image: var(--icon-tasks-icon-subtasks-visible-f2f2f2) !important;
|
||||
}
|
||||
|
@ -143,7 +139,6 @@
|
|||
}
|
||||
|
||||
.app-content .header .sortorder {
|
||||
|
||||
.icon-list__up {
|
||||
background-image: var(--icon-tasks-icon-list-up-f2f2f2) !important;
|
||||
}
|
||||
|
|
|
@ -6,80 +6,88 @@
|
|||
|
||||
/* Text --------------------------------------------------------------------- */
|
||||
|
||||
#editor-wrapper div.ProseMirror[contenteditable="true"] {
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
}
|
||||
|
||||
#editor-wrapper .ProseMirror pre {
|
||||
background-color: var(--color-background-darker) !important;
|
||||
background-color: var(--color-background-darker) !important;
|
||||
}
|
||||
|
||||
/* Icons -------------------------------------------------------------------- */
|
||||
|
||||
.icon-undo {
|
||||
background-image: var(--icon-text-undo-f2f2f2) !important;
|
||||
background-image: var(--icon-text-undo-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-redo {
|
||||
background-image: var(--icon-text-redo-f2f2f2) !important;
|
||||
background-image: var(--icon-text-redo-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-bold {
|
||||
background-image: var(--icon-text-bold-f2f2f2) !important;
|
||||
background-image: var(--icon-text-bold-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-italic {
|
||||
background-image: var(--icon-text-italic-f2f2f2) !important;
|
||||
background-image: var(--icon-text-italic-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-strike {
|
||||
background-image: var(--icon-text-strike-f2f2f2) !important;
|
||||
background-image: var(--icon-text-strike-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-paragraph {
|
||||
background-image: var(--icon-text-paragraph-f2f2f2) !important;
|
||||
background-image: var(--icon-text-paragraph-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-h1 {
|
||||
background-image: var(--icon-text-h1-f2f2f2) !important;
|
||||
background-image: var(--icon-text-h1-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-h2 {
|
||||
background-image: var(--icon-text-h2-f2f2f2) !important;
|
||||
background-image: var(--icon-text-h2-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-h3 {
|
||||
background-image: var(--icon-text-h3-f2f2f2) !important;
|
||||
background-image: var(--icon-text-h3-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-h4 {
|
||||
background-image: var(--icon-text-h4-f2f2f2) !important;
|
||||
background-image: var(--icon-text-h4-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-h5 {
|
||||
background-image: var(--icon-text-h5-f2f2f2) !important;
|
||||
background-image: var(--icon-text-h5-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-h6 {
|
||||
background-image: var(--icon-text-h6-f2f2f2) !important;
|
||||
background-image: var(--icon-text-h6-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-ul {
|
||||
background-image: var(--icon-text-ul-f2f2f2) !important;
|
||||
background-image: var(--icon-text-ul-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-ol {
|
||||
background-image: var(--icon-text-ol-f2f2f2) !important;
|
||||
background-image: var(--icon-text-ol-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-checkmark {
|
||||
background-image: var(--icon-checkmark-f2f2f2) !important;
|
||||
background-image: var(--icon-checkmark-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-quote {
|
||||
background-image: var(--icon-text-quote-f2f2f2) !important;
|
||||
background-image: var(--icon-text-quote-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-code {
|
||||
background-image: var(--icon-text-code-f2f2f2) !important;
|
||||
background-image: var(--icon-text-code-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-image {
|
||||
background-image: var(--icon-text-image-f2f2f2) !important;
|
||||
background-image: var(--icon-text-image-f2f2f2) !important;
|
||||
}
|
||||
|
|
|
@ -7,7 +7,6 @@
|
|||
/* Analytics ---------------------------------------------------------------- */
|
||||
|
||||
.app-analytics #app-navigation {
|
||||
|
||||
&:not(.vue) > ul > li > a.active + div.app-navigation-entry-utils {
|
||||
background-color: var(--color-primary-element);
|
||||
}
|
||||
|
@ -18,17 +17,15 @@
|
|||
}
|
||||
|
||||
.app-analytics #app-content .dataTables_wrapper {
|
||||
|
||||
.dataTables_length,
|
||||
.dataTables_filter,
|
||||
.dataTables_info,
|
||||
.dataTables_processing,
|
||||
.dataTables_paginate {
|
||||
color: var(--color-main-text);
|
||||
color: var(--color-main-text);
|
||||
}
|
||||
|
||||
.dataTable {
|
||||
|
||||
thead th {
|
||||
border-bottom-color: var(--color-border);
|
||||
}
|
||||
|
@ -37,25 +34,25 @@
|
|||
border-bottom-color: var(--color-border);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.dataTables_paginate .paginate_button {
|
||||
color: var(--color-main-text) !important;
|
||||
border-color: var(--color-border);
|
||||
color: var(--color-main-text) !important;
|
||||
|
||||
&:hover {
|
||||
background: var(--color-main-background);
|
||||
border-color: var(--color-border-active);
|
||||
border-color: var(--color-primary-element);
|
||||
}
|
||||
|
||||
&.current {
|
||||
color: var(--color-text-active) !important;
|
||||
background: var(--color-primary-element);
|
||||
border-color: var(--color-border-active);
|
||||
border-color: var(--color-primary-element);
|
||||
color: var(--color-main-text) !important;
|
||||
}
|
||||
|
||||
&.disabled {
|
||||
color: var(--color-text-inactive) !important;
|
||||
background-color: var(--color-background-alternate);
|
||||
color: var(--color-text-maxcontrast) !important;
|
||||
|
||||
&:hover {
|
||||
border-color: var(--color-border);
|
||||
|
@ -65,11 +62,10 @@
|
|||
}
|
||||
|
||||
.app-analytics #app-sidebar .tabHeaders .tabHeader {
|
||||
|
||||
&.selected,
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
border-bottom-color: var(--color-border-active);
|
||||
border-bottom-color: var(--color-primary-element);
|
||||
}
|
||||
}
|
||||
|
|
|
@ -7,7 +7,6 @@
|
|||
/* Audio Player ------------------------------------------------------------- */
|
||||
|
||||
.app-audioplayer #app-navigation {
|
||||
|
||||
#myCategory li {
|
||||
opacity: 1;
|
||||
|
||||
|
@ -16,7 +15,7 @@
|
|||
}
|
||||
|
||||
&.active span {
|
||||
color: var(--color-text-active);
|
||||
color: var(--color-main-text);
|
||||
}
|
||||
|
||||
i.ioc {
|
||||
|
@ -43,7 +42,7 @@
|
|||
}
|
||||
|
||||
&.activeHover {
|
||||
border-color: var(--color-border-active);
|
||||
border-color: var(--color-primary-element);
|
||||
}
|
||||
|
||||
&.dropHover {
|
||||
|
@ -57,23 +56,20 @@
|
|||
}
|
||||
|
||||
.app-audioplayer #app-content {
|
||||
|
||||
#loading {
|
||||
color: var(--color-icon);
|
||||
}
|
||||
|
||||
.sm2-bar-ui {
|
||||
|
||||
.sm2-progress {
|
||||
|
||||
.sm2-progress-track {
|
||||
background-color: var(--color-background-darker);
|
||||
}
|
||||
|
||||
|
||||
.sm2-progress-bar {
|
||||
background-color: var(--color-primary-element);
|
||||
}
|
||||
|
||||
|
||||
.sm2-progress-ball {
|
||||
background-color: var(--color-icon);
|
||||
}
|
||||
|
@ -81,16 +77,15 @@
|
|||
}
|
||||
|
||||
#playlist-container {
|
||||
|
||||
.coverrow .album .albumcover {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.songcontainer {
|
||||
background-color: var(--color-background-darker);
|
||||
border: 1px solid var(--color-border);
|
||||
box-shadow: none;
|
||||
color: var(--color-main-text);
|
||||
border: 1px solid var(--color-border);
|
||||
|
||||
.open-arrow::before {
|
||||
border-bottom-color: var(--color-border);
|
||||
|
@ -108,7 +103,6 @@
|
|||
}
|
||||
|
||||
.app-audioplayer #app-sidebar {
|
||||
|
||||
#ID3EditorTabView .icon-info {
|
||||
opacity: 1;
|
||||
}
|
||||
|
@ -121,7 +115,6 @@
|
|||
/* Icons -------------------------------------------------------------------- */
|
||||
|
||||
.app-audioplayer {
|
||||
|
||||
.sm2-inline-button.previous {
|
||||
background-image: var(--icon-audioplayer-previous-f2f2f2) !important;
|
||||
}
|
||||
|
|
|
@ -7,18 +7,18 @@
|
|||
/* BigBlueButton ------------------------------------------------------------ */
|
||||
|
||||
#bbb-react-root th {
|
||||
border-bottom-color: var(--color-border) !important;
|
||||
border-bottom-color: var(--color-border) !important;
|
||||
}
|
||||
|
||||
#bbb-warning {
|
||||
background-color: var(--color-warning) !important;
|
||||
background-color: var(--color-warning) !important;
|
||||
}
|
||||
|
||||
/* Icons -------------------------------------------------------------------- */
|
||||
|
||||
#bbb-react-root td .action-rename::after,
|
||||
#bbb-react-root th .action-rename::after {
|
||||
background-image: var(--icon-bbb-rename-f2f2f2) !important;
|
||||
background-image: var(--icon-bbb-rename-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-add-shortcut {
|
||||
|
@ -26,5 +26,5 @@
|
|||
}
|
||||
|
||||
.fileActionsMenu img[src$="/bbb/img/app-dark.svg"] {
|
||||
filter: invert(95%);
|
||||
filter: invert(95%);
|
||||
}
|
||||
|
|
|
@ -7,7 +7,6 @@
|
|||
/* Bookmarks ---------------------------------------------------------------- */
|
||||
|
||||
.app-bookmarks #app-content {
|
||||
|
||||
.folder--gridview,
|
||||
.bookmark--gridview,
|
||||
.bookmarkslist--gridview > .create-folder,
|
||||
|
@ -20,12 +19,12 @@
|
|||
background-color: var(--color-main-background);
|
||||
|
||||
input.checkbox + label::before {
|
||||
margin: 0 3px 3px 3px;
|
||||
margin: 0 3px 3px;
|
||||
}
|
||||
}
|
||||
|
||||
.bookmarkslist > :first-child:not(.bookmarkslist__loading):not(.bookmarkslist__empty).active {
|
||||
border-top-color: var(--color-border-active);
|
||||
border-top-color: var(--color-primary-element);
|
||||
}
|
||||
|
||||
.breadcrumbs .breadcrumbs__path a {
|
||||
|
|
|
@ -43,17 +43,16 @@
|
|||
}
|
||||
|
||||
#circles_list {
|
||||
|
||||
div {
|
||||
color: var(--color-main-text);
|
||||
border-color: var(--color-border);
|
||||
background-color: var(--color-main-background);
|
||||
|
||||
border-color: var(--color-border);
|
||||
color: var(--color-main-text);
|
||||
|
||||
&:hover {
|
||||
background: var(--color-background-hover);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.selected {
|
||||
background: var(--color-primary-element) !important;
|
||||
}
|
||||
|
@ -65,35 +64,32 @@
|
|||
}
|
||||
|
||||
.app-circles #app-content {
|
||||
|
||||
#mainui {
|
||||
|
||||
#circle_details {
|
||||
|
||||
#name {
|
||||
color: var(--color-text-active);
|
||||
color: var(--color-main-text);
|
||||
}
|
||||
|
||||
|
||||
#type {
|
||||
color: var(--color-main-text);
|
||||
}
|
||||
|
||||
|
||||
.lightenbg {
|
||||
background: var(--color-primary-element);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
#memberslist .entry td {
|
||||
color: var(--color-main-text);
|
||||
background: var(--color-main-background) !important;
|
||||
border-bottom-color: var(--color-border);
|
||||
color: var(--color-main-text);
|
||||
}
|
||||
|
||||
#members_search_result {
|
||||
background: var(--color-main-background);
|
||||
border-color: var(--color-border);
|
||||
color: var(--color-main-text);
|
||||
background: var(--color-main-background);
|
||||
|
||||
|
||||
.members_search.exact {
|
||||
background-color: var(--color-background-hover);
|
||||
}
|
||||
|
@ -118,5 +114,5 @@
|
|||
|
||||
// Circle in files app navbar
|
||||
.nav-icon-circlesfilter {
|
||||
background-image: var(--icon-circles-circles-f2f2f2) !important;
|
||||
background-image: var(--icon-circles-circles-f2f2f2) !important;
|
||||
}
|
||||
|
|
|
@ -7,13 +7,11 @@
|
|||
/* Cookbook ----------------------------------------------------------------- */
|
||||
|
||||
.app-cookbook #app-navigation {
|
||||
|
||||
.download .action-input {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
#app-settings {
|
||||
|
||||
.action-button {
|
||||
opacity: 1;
|
||||
}
|
||||
|
@ -21,7 +19,6 @@
|
|||
}
|
||||
|
||||
.app-cookbook #app-content {
|
||||
|
||||
ul li a {
|
||||
box-shadow: inset 0 0 0 1px var(--color-border);
|
||||
color: var(--color-main-text);
|
||||
|
@ -29,7 +26,7 @@
|
|||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
box-shadow: inset 0 0 0 1px var(--color-border-active);
|
||||
box-shadow: inset 0 0 0 1px var(--color-primary-element);
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -38,7 +35,6 @@
|
|||
}
|
||||
|
||||
section {
|
||||
|
||||
h3 {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
@ -56,7 +52,6 @@
|
|||
/* Icons -------------------------------------------------------------------- */
|
||||
|
||||
.app-cookbook {
|
||||
|
||||
.app-navigation-new button {
|
||||
background-image: var(--icon-add-f2f2f2) !important;
|
||||
}
|
||||
|
|
|
@ -7,15 +7,14 @@
|
|||
/* Dashboard ---------------------------------------------------------------- */
|
||||
|
||||
.app-dashboard #app-content {
|
||||
|
||||
.dashboard-newwidget {
|
||||
border-color: var(--color-border);
|
||||
color: var(--color-main-text);
|
||||
}
|
||||
|
||||
.grid-stack-item-content {
|
||||
filter: none;
|
||||
border: 1px solid var(--color-border);
|
||||
filter: none;
|
||||
}
|
||||
|
||||
.diskspace-text {
|
||||
|
|
|
@ -7,40 +7,39 @@
|
|||
/* Markdown editor -----------------------------------------------------------*/
|
||||
|
||||
#app-content-texteditor #editor_container {
|
||||
|
||||
#editor_controls #preview_editor_controls button:hover {
|
||||
background-color: var(--color-background-hover);
|
||||
}
|
||||
|
||||
#editor_wrap #preview_wrap #preview {
|
||||
background-color: var(--color-main-background);
|
||||
color: var(--color-main-text);
|
||||
border-left: 1px solid var(--color-border);
|
||||
color: var(--color-main-text);
|
||||
|
||||
&.text-markdown {
|
||||
|
||||
blockquote {
|
||||
border-left-color: var(--color-background-alternate);
|
||||
color: var(--color-text-inactive);
|
||||
border-left-color: var(--color-primary-element);
|
||||
color: var(--color-text-maxcontrast);
|
||||
}
|
||||
|
||||
tt {
|
||||
background-color: var(--color-main-background);
|
||||
border-color: var(--color-border)
|
||||
border-color: var(--color-border);
|
||||
}
|
||||
|
||||
code, pre {
|
||||
code,
|
||||
pre {
|
||||
background-color: var(--color-background-darker);
|
||||
border-color: var(--color-border);
|
||||
}
|
||||
|
||||
table tr {
|
||||
border-top-color: var(--color-border);
|
||||
background-color: var(--color-main-background);
|
||||
border-top-color: var(--color-border);
|
||||
|
||||
th {
|
||||
color: var(--color-text-inactive);
|
||||
border-bottom-color: var(--color-border);
|
||||
color: var(--color-text-maxcontrast);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -8,17 +8,16 @@
|
|||
|
||||
.app-flowupload {
|
||||
background-color: var(--color-main-background);
|
||||
|
||||
|
||||
hr {
|
||||
border-bottom-color: var(--color-border);
|
||||
border-top-color: var(--color-border);
|
||||
border-bottom-color: var(--color-border);
|
||||
}
|
||||
}
|
||||
|
||||
/* Icons -------------------------------------------------------------------- */
|
||||
|
||||
.app-flowupload {
|
||||
|
||||
.icon-file.select-file-icon {
|
||||
background-image: var(--icon-text-f2f2f2) !important;
|
||||
}
|
||||
|
|
|
@ -8,22 +8,20 @@
|
|||
|
||||
// Search popup
|
||||
#fts-popup {
|
||||
|
||||
.div-table-col-left {
|
||||
color: var(--color-main-text);
|
||||
}
|
||||
|
||||
.fts_options_input {
|
||||
opacity: 1;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
// Generic Search
|
||||
.provider_header {
|
||||
|
||||
.provider_navigation {
|
||||
color: var(--color-text-inactive);
|
||||
border-bottom-color: var(--color-border);
|
||||
color: var(--color-text-maxcontrast);
|
||||
}
|
||||
|
||||
.provider_result .result_entry {
|
||||
|
@ -34,52 +32,47 @@
|
|||
}
|
||||
|
||||
.result_extract {
|
||||
color: var(--color-text-inactive);
|
||||
color: var(--color-text-maxcontrast);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Files specific Search
|
||||
.provider_header {
|
||||
|
||||
.files_header {
|
||||
border-bottom-color: var(--color-border);
|
||||
|
||||
.files_header_div {
|
||||
color: var(--color-text-inactive);
|
||||
color: var(--color-text-maxcontrast);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.files_result {
|
||||
border-bottom-color: var(--color-border);
|
||||
|
||||
.files_div_name .files_result_file {
|
||||
|
||||
.files_result_title {
|
||||
color: var(--color-main-text);
|
||||
}
|
||||
|
||||
.files_result_extract {
|
||||
color: var(--color-text-inactive);
|
||||
color: var(--color-text-maxcontrast);
|
||||
}
|
||||
}
|
||||
|
||||
.files_result_item {
|
||||
color: var(--color-text-inactive);
|
||||
background: var(--color-main-background);
|
||||
color: var(--color-text-maxcontrast);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Settings
|
||||
.app-settings #app-content {
|
||||
|
||||
#fns,
|
||||
#elastic_search,
|
||||
#files {
|
||||
|
||||
.div-table .div-table-row .div-table-col {
|
||||
|
||||
select,
|
||||
input {
|
||||
background-color: var(--color-background-darker) !important;
|
||||
|
|
|
@ -7,7 +7,6 @@
|
|||
/* Music -------------------------------------------------------------------- */
|
||||
|
||||
.app-music #app-navigation {
|
||||
|
||||
.app-navigation-separator {
|
||||
border-bottom-color: var(--color-border);
|
||||
}
|
||||
|
@ -18,13 +17,13 @@
|
|||
}
|
||||
|
||||
.app-music #app-content {
|
||||
|
||||
#emptycontent, .emptycontent {
|
||||
#emptycontent,
|
||||
.emptycontent {
|
||||
background-color: var(--color-main-background);
|
||||
}
|
||||
|
||||
#toScan:hover * {
|
||||
color: var(--color-text-active);
|
||||
color: var(--color-main-text);
|
||||
}
|
||||
|
||||
.alphabet-navigation a {
|
||||
|
@ -42,13 +41,14 @@
|
|||
#controls {
|
||||
border-bottom: 1px solid var(--color-border);
|
||||
|
||||
.progress, .seek-bar {
|
||||
.progress,
|
||||
.seek-bar {
|
||||
background-color: var(--color-background-darker);
|
||||
}
|
||||
|
||||
.buffer-bar {
|
||||
opacity: 1;
|
||||
background-color: var(--color-background-hover);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.play-bar {
|
||||
|
@ -57,8 +57,8 @@
|
|||
}
|
||||
|
||||
#app-sidebar {
|
||||
|
||||
.close, #follow-playback {
|
||||
.close,
|
||||
#follow-playback {
|
||||
background-color: unset;
|
||||
}
|
||||
}
|
||||
|
@ -81,8 +81,8 @@
|
|||
}
|
||||
|
||||
.buffer-bar {
|
||||
opacity: 1;
|
||||
background-color: var(--color-background-hover) !important;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.play-bar {
|
||||
|
@ -93,10 +93,9 @@
|
|||
/* Icons -------------------------------------------------------------------- */
|
||||
|
||||
.app-music {
|
||||
|
||||
//follow-playback icon
|
||||
#app-sidebar #follow-playback {
|
||||
filter: invert(95%);
|
||||
filter: invert(95%);
|
||||
}
|
||||
|
||||
// Play button on album covers
|
||||
|
@ -118,7 +117,7 @@
|
|||
// Music app: icons for Music player controls in files and in app
|
||||
#music-controls img.control,
|
||||
.app-music img.control {
|
||||
filter: invert(95%);
|
||||
filter: invert(95%);
|
||||
}
|
||||
|
||||
// Music App: Mini play button
|
||||
|
@ -126,10 +125,10 @@
|
|||
.current:not(.playing) .play-pause,
|
||||
#app-view :hover > .play-pause,
|
||||
#app-view .current.playing div:hover .play-pause {
|
||||
filter: invert(95%);
|
||||
filter: invert(95%);
|
||||
}
|
||||
|
||||
// Music app: Play option in file action menu in Files App
|
||||
.fileActionsMenu .action-music-play img.icon {
|
||||
filter: invert(95%);
|
||||
filter: invert(95%);
|
||||
}
|
||||
|
|
|
@ -7,7 +7,6 @@
|
|||
/* ocDownloader ------------------------------------------------------------- */
|
||||
|
||||
.app-ocdownloader #app-navigation {
|
||||
|
||||
li > div > a {
|
||||
color: var(--color-main-text);
|
||||
}
|
||||
|
@ -28,13 +27,12 @@
|
|||
}
|
||||
|
||||
.app-ocdownloader #app-content #app-content-wrapper {
|
||||
|
||||
#controls {
|
||||
background-color: var(--color-main-background);
|
||||
background-color: var(--color-main-background);
|
||||
}
|
||||
|
||||
.content-page {
|
||||
border-bottom-color: var(--color-border);
|
||||
border-bottom-color: var(--color-border);
|
||||
}
|
||||
|
||||
.actions > div.button > ul {
|
||||
|
@ -53,10 +51,9 @@
|
|||
}
|
||||
|
||||
.content-queue > table {
|
||||
|
||||
> thead > tr {
|
||||
background-color: var(--color-background-darker);
|
||||
|
||||
|
||||
> th {
|
||||
border-bottom-color: var(--color-border);
|
||||
}
|
||||
|
@ -67,12 +64,11 @@
|
|||
}
|
||||
|
||||
> tbody > tr {
|
||||
|
||||
> td {
|
||||
border-bottom-color: var(--color-border);
|
||||
|
||||
|
||||
&.border {
|
||||
border-left-color: var(--color-border);
|
||||
border-left-color: var(--color-border);
|
||||
}
|
||||
|
||||
.pb-value {
|
||||
|
@ -88,14 +84,13 @@
|
|||
}
|
||||
|
||||
.app-settings #ocdownloader {
|
||||
|
||||
form#ocdownloader > p > span.info {
|
||||
color: var(--color-main-text);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
form#ocdownloader hr {
|
||||
color: var(--color-border);
|
||||
background-color: none;
|
||||
color: var(--color-border);
|
||||
}
|
||||
}
|
||||
|
|
|
@ -20,7 +20,7 @@
|
|||
|
||||
.jsxc-button[disabled],
|
||||
.jsxc-button[disabled]:hover {
|
||||
background-color: var(--color-background-alternate);
|
||||
background-color: var(--color-background-alternate);
|
||||
border: 1px solid var(--color-border);
|
||||
color: var(--color-main-text);
|
||||
}
|
||||
|
@ -61,8 +61,8 @@
|
|||
}
|
||||
|
||||
&[data-mute="yes"] .jsxc-js-presence-menu .jsxc-menu__button::after {
|
||||
opacity: 0.7;
|
||||
filter: invert(95%);
|
||||
opacity: 0.7;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -75,14 +75,13 @@
|
|||
|
||||
&:hover,
|
||||
> span:hover {
|
||||
opacity: 1;
|
||||
cursor: pointer;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
&.jsxc-disabled {
|
||||
color: var(--color-text-inactive);
|
||||
color: var(--color-text-maxcontrast);
|
||||
opacity: 0.5;
|
||||
|
||||
|
||||
&:hover {
|
||||
cursor: default;
|
||||
|
@ -92,14 +91,14 @@
|
|||
|
||||
&.jsxc-menu--dark li:hover {
|
||||
background-color: var(--color-background-hover);
|
||||
color: var(--color-text-active);
|
||||
box-shadow: 0 0 0 1px var(--color-border-active) inset;
|
||||
box-shadow: 0 0 0 1px var(--color-primary-element) inset;
|
||||
color: var(--color-main-text);
|
||||
}
|
||||
|
||||
.jsxc-menu__content {
|
||||
background-color: var(--color-main-background);
|
||||
filter: none;
|
||||
box-shadow: none;
|
||||
filter: none;
|
||||
|
||||
&::after {
|
||||
color: var(--color-border);
|
||||
|
@ -115,7 +114,7 @@
|
|||
|
||||
&:hover:not(.jsxc-disabled) {
|
||||
background-color: var(--color-background-hover);
|
||||
color: var(--color-text-active);
|
||||
color: var(--color-main-text);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
|
@ -138,7 +137,6 @@
|
|||
border-color: var(--color-border);
|
||||
|
||||
.jsxc-page {
|
||||
|
||||
section {
|
||||
border-top-color: var(--color-border);
|
||||
}
|
||||
|
@ -154,9 +152,9 @@
|
|||
|
||||
.form-group input {
|
||||
background-color: var(--color-background-darker);
|
||||
color: var(--color-main-text);
|
||||
border-color: var(--color-border);
|
||||
box-shadow: none;
|
||||
color: var(--color-main-text);
|
||||
|
||||
&:invalid {
|
||||
border-color: var(--color-error);
|
||||
|
@ -166,10 +164,9 @@
|
|||
}
|
||||
|
||||
.jsxc-window-item {
|
||||
|
||||
&.jsxc-normal .jsxc-bar--window {
|
||||
background-color: var(--color-primary-element);
|
||||
color: var(--color-text-active);
|
||||
color: var(--color-main-text);
|
||||
}
|
||||
|
||||
&.jsxc-minimized .jsxc-bar--window {
|
||||
|
@ -185,7 +182,7 @@
|
|||
background-color: var(--color-primary);
|
||||
|
||||
ul {
|
||||
color: var(--color-text-active);
|
||||
color: var(--color-main-text);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -195,7 +192,6 @@
|
|||
border-color: var(--color-border);
|
||||
|
||||
.jsxc-message-area {
|
||||
|
||||
.jsxc-out {
|
||||
background-color: var(--color-background-darker);
|
||||
}
|
||||
|
@ -206,7 +202,7 @@
|
|||
}
|
||||
|
||||
.jsxc-timestamp {
|
||||
color: var(--color-text-inactive);
|
||||
color: var(--color-text-maxcontrast);
|
||||
}
|
||||
|
||||
.jsxc-send-area {
|
||||
|
@ -216,7 +212,7 @@
|
|||
background-color: var(--color-background-darker);
|
||||
|
||||
&::placeholder {
|
||||
color: var(--color-text-inactive);
|
||||
color: var(--color-text-maxcontrast);
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
|
@ -236,25 +232,24 @@
|
|||
|
||||
&:hover {
|
||||
background-color: var(--color-background-hover);
|
||||
border-color: var(--color-border-active);
|
||||
color: var(--color-text-active);
|
||||
border-color: var(--color-primary-element);
|
||||
color: var(--color-main-text);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
&:focus,
|
||||
&:active {
|
||||
background-color: var(--color-primary-element);
|
||||
border-color: var(--color-border-active);
|
||||
color: var(--color-text-active);
|
||||
border-color: var(--color-primary-element);
|
||||
color: var(--color-main-text);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.app-settings #ojsxc-admin.ojsxc {
|
||||
|
||||
form.ojsxc input[readonly] {
|
||||
background-color: var(--color-main-background);
|
||||
background-color: var(--color-main-background);
|
||||
}
|
||||
|
||||
h3 {
|
||||
|
@ -267,7 +262,7 @@
|
|||
.jsxc-icon--clickable,
|
||||
.jsxc-file-transfer {
|
||||
opacity: 0.7 !important;
|
||||
|
||||
|
||||
&:hover {
|
||||
opacity: 1 !important;
|
||||
}
|
||||
|
@ -280,22 +275,22 @@
|
|||
|
||||
.jsxc-icon--delete {
|
||||
background-image: var(--icon-delete-f2f2f2);
|
||||
|
||||
|
||||
&:hover {
|
||||
background-image: var(--icon-delete-da4453);
|
||||
}
|
||||
}
|
||||
|
||||
.jsxc-icon--edit {
|
||||
background-image: var(--icon-rename-f2f2f2);
|
||||
background-image: var(--icon-rename-f2f2f2);
|
||||
}
|
||||
|
||||
.jsxc-icon--info {
|
||||
background-image: var(--icon-info-f2f2f2);
|
||||
background-image: var(--icon-info-f2f2f2);
|
||||
}
|
||||
|
||||
.jsxc-icon--help {
|
||||
background-image: var(--icon-ojsxc-help-f2f2f2);
|
||||
background-image: var(--icon-ojsxc-help-f2f2f2);
|
||||
}
|
||||
|
||||
.jsxc-icon--contact {
|
||||
|
@ -307,7 +302,7 @@
|
|||
}
|
||||
|
||||
.jsxc-icon--setting {
|
||||
background-image: var(--icon-ojsxc-gear-f2f2f2);
|
||||
background-image: var(--icon-ojsxc-gear-f2f2f2);
|
||||
}
|
||||
|
||||
.jsxc-icon--menu-dark,
|
||||
|
@ -315,5 +310,5 @@
|
|||
.jsxc-icon--emoticon,
|
||||
.jsxc-file-transfer,
|
||||
div.jsxc-transfer .jsxc-transfer-icon {
|
||||
filter: invert(95%);
|
||||
filter: invert(95%);
|
||||
}
|
||||
|
|
|
@ -7,9 +7,9 @@
|
|||
/* Passman ------------------------------------------------------------------ */
|
||||
|
||||
.app-passman .vault_wrapper {
|
||||
box-shadow: none;
|
||||
background: var(--color-background-darker);
|
||||
background: var(--color-background-darker);
|
||||
border: 1px solid var(--color-border);
|
||||
box-shadow: none;
|
||||
|
||||
.vaultlist li {
|
||||
border-bottom-color: var(--color-border);
|
||||
|
@ -24,11 +24,10 @@
|
|||
}
|
||||
|
||||
.login_form {
|
||||
|
||||
.button-geen {
|
||||
background-color: var(--color-success);
|
||||
color: var(--color-main-text);
|
||||
border-color: var(--color-success);
|
||||
color: var(--color-main-text);
|
||||
|
||||
&:hover {
|
||||
border-color: var(--color-success) !important;
|
||||
|
@ -36,14 +35,14 @@
|
|||
|
||||
&:active,
|
||||
&:focus {
|
||||
border-color: var(--color-border-active) !important;
|
||||
border-color: var(--color-primary-element) !important;
|
||||
}
|
||||
}
|
||||
|
||||
.button-red {
|
||||
background-color: var(--color-error);
|
||||
color: var(--color-main-text);
|
||||
border-color: var(--color-error);
|
||||
color: var(--color-main-text);
|
||||
|
||||
&:hover {
|
||||
border-color: var(--color-warning) !important;
|
||||
|
@ -51,17 +50,15 @@
|
|||
|
||||
&:active,
|
||||
&:focus {
|
||||
border-color: var(--color-warning) !important;
|
||||
background-color: var(--color-warning) !important;
|
||||
border-color: var(--color-warning) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.app-passman #app-navigation {
|
||||
|
||||
li {
|
||||
|
||||
.bullet-color-red {
|
||||
background-color: var(--color-error);
|
||||
}
|
||||
|
@ -89,11 +86,8 @@
|
|||
}
|
||||
|
||||
.app-passman #app-content {
|
||||
|
||||
#app-content-wrapper {
|
||||
|
||||
.credential-table tr {
|
||||
|
||||
&:hover {
|
||||
background-color: var(--color-background-hover);
|
||||
}
|
||||
|
@ -137,8 +131,8 @@
|
|||
|
||||
.edit_credential .compromised-button {
|
||||
background-color: var(--color-error);
|
||||
color: var(--color-main-text);
|
||||
border-color: var(--color-error);
|
||||
color: var(--color-main-text);
|
||||
|
||||
&:hover,
|
||||
&:active,
|
||||
|
@ -151,7 +145,6 @@
|
|||
// Settings
|
||||
|
||||
.tab_header li {
|
||||
|
||||
&.active {
|
||||
box-shadow: inset 0 -4px var(--color-primary);
|
||||
|
||||
|
@ -161,9 +154,9 @@
|
|||
}
|
||||
|
||||
&.tab {
|
||||
background-color: var(--color-main-background) !important;
|
||||
border-right-color: var(--color-border);
|
||||
color: var(--color-main-text) !important;
|
||||
background-color: var(--color-main-background) !important;
|
||||
|
||||
&:hover {
|
||||
background-color: var(--color-background-hover) !important;
|
||||
|
@ -177,7 +170,7 @@
|
|||
|
||||
.pass-meter .details,
|
||||
.pass-meter .pass-meter-message {
|
||||
color: var(--color-text-inactive);
|
||||
color: var(--color-text-maxcontrast);
|
||||
}
|
||||
|
||||
.pass-meter-col .indicator {
|
||||
|
@ -200,13 +193,13 @@
|
|||
.icon-label input,
|
||||
.pw-gen input {
|
||||
background-color: var(--color-main-background);
|
||||
color: var(--color-main-text);
|
||||
border-color: var(--color-border);
|
||||
color: var(--color-main-text);
|
||||
}
|
||||
|
||||
.pw-gen .generate_pw .cell {
|
||||
border-color: var(--color-border);
|
||||
background-color: var(--color-main-background);
|
||||
border-color: var(--color-border);
|
||||
}
|
||||
|
||||
.inputfile + label {
|
||||
|
@ -214,52 +207,51 @@
|
|||
border: 1px solid var(--color-border);
|
||||
|
||||
&:hover {
|
||||
border-color: var(--color-border-active);
|
||||
border-color: var(--color-primary-element);
|
||||
}
|
||||
}
|
||||
|
||||
.icon-label .icon-picker .cell {
|
||||
border-color: var(--color-border);
|
||||
background-color: var(--color-main-background);
|
||||
border-color: var(--color-border);
|
||||
|
||||
&:hover {
|
||||
border-color: var(--color-border-active);
|
||||
border-color: var(--color-primary-element);
|
||||
}
|
||||
}
|
||||
|
||||
.btn-danger {
|
||||
text-shadow: none;
|
||||
background-color: var(--color-error);
|
||||
background-image: none;
|
||||
border-color: var(--color-error);
|
||||
box-shadow: none;
|
||||
color: var(--color-main-text);
|
||||
background-color: var(--color-error);
|
||||
border-color: var(--color-error);
|
||||
|
||||
text-shadow: none;
|
||||
|
||||
&:hover {
|
||||
border-color: var(--color-warning) !important;
|
||||
background-color: var(--color-error);
|
||||
border-color: var(--color-warning) !important;
|
||||
}
|
||||
|
||||
|
||||
&:focus,
|
||||
&:active {
|
||||
border-color: var(--color-warning) !important;
|
||||
background-color: var(--color-warning) !important;
|
||||
border-color: var(--color-warning) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
tags-input {
|
||||
|
||||
.tags {
|
||||
background-color: var(--color-main-background) !important;
|
||||
border: 1px solid var(--color-border) !important;
|
||||
box-shadow: none !important;
|
||||
|
||||
&.focused {
|
||||
border-color: var(--color-primary-element) !important;
|
||||
-webkit-box-shadow: none !important;
|
||||
-moz-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
border-color: var(--color-border-active) !important;
|
||||
}
|
||||
|
||||
.tag-item {
|
||||
|
@ -269,10 +261,10 @@ tags-input {
|
|||
}
|
||||
|
||||
&.ng-invalid .tags {
|
||||
border-color: var(--color-error) !important;
|
||||
-webkit-box-shadow: none !important;
|
||||
-moz-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
border-color: var(--color-error) !important;
|
||||
}
|
||||
|
||||
.autocomplete {
|
||||
|
@ -283,16 +275,16 @@ tags-input {
|
|||
box-shadow: none !important;
|
||||
|
||||
.suggestion-item.selected {
|
||||
background-color: var(--color-background-hover) !important;
|
||||
color: var(--color-main-text) !important;
|
||||
background-color: var(--color-background-hover) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.angularjs-datetime-picker {
|
||||
color: var(--color-main-text) !important;
|
||||
border-color: var(--color-border) !important;
|
||||
background: var(--color-main-background) !important;
|
||||
background: var(--color-main-background) !important;
|
||||
border-color: var(--color-border) !important;
|
||||
color: var(--color-main-text) !important;
|
||||
|
||||
.adp-month {
|
||||
background: var(--color-main-background) !important;
|
||||
|
@ -307,17 +299,16 @@ tags-input {
|
|||
|
||||
&:active,
|
||||
&:focus {
|
||||
color: var(--color-primary-element) !important;
|
||||
background-color: transparent !important;
|
||||
color: var(--color-primary-element) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.adp-days {
|
||||
|
||||
> .adp-day.selected {
|
||||
background: var(--color-background-hover) !important;
|
||||
border-color: var(--color-border-active) !important;
|
||||
border-color: var(--color-primary-element) !important;
|
||||
}
|
||||
|
||||
> .adp-day.selectable:hover {
|
||||
|
@ -327,14 +318,14 @@ tags-input {
|
|||
}
|
||||
|
||||
.sequence code {
|
||||
border: none !important;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.iconpicker-dialog,
|
||||
.shareincoming-dialog,
|
||||
.custom-search-dialog {
|
||||
|
||||
&, .ui-dialog {
|
||||
&,
|
||||
.ui-dialog {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
}
|
||||
|
@ -344,9 +335,7 @@ tags-input {
|
|||
}
|
||||
|
||||
#passman-settings {
|
||||
|
||||
#mover {
|
||||
|
||||
table tr:hover {
|
||||
background-color: unset;
|
||||
}
|
||||
|
@ -356,7 +345,6 @@ tags-input {
|
|||
/* Icons -------------------------------------------------------------------- */
|
||||
|
||||
.app-passman {
|
||||
|
||||
//source https://material.io/tools/icons/?icon=restore&style=baseline
|
||||
.icon-expired {
|
||||
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0Jz48cGF0aCBkPSdNMCAwaDI0djI0SDB6JyBmaWxsPSdub25lJy8+PHBhdGggZD0nTTEzIDNjLTQuOTcgMC05IDQuMDMtOSA5SDFsMy44OSAzLjg5LjA3LjE0TDkgMTJINmMwLTMuODcgMy4xMy03IDctN3M3IDMuMTMgNyA3LTMuMTMgNy03IDdjLTEuOTMgMC0zLjY4LS43OS00Ljk0LTIuMDZsLTEuNDIgMS40MkM4LjI3IDE5Ljk5IDEwLjUxIDIxIDEzIDIxYzQuOTcgMCA5LTQuMDMgOS05cy00LjAzLTktOS05em0tMSA1djVsNC4yOCAyLjU0LjcyLTEuMjEtMy41LTIuMDhWOEgxMnonIGZpbGw9JyNmMmYyZjInLz48L3N2Zz4=") !important;
|
||||
|
|
|
@ -7,7 +7,6 @@
|
|||
/* Passwords ---------------------------------------------------------------- */
|
||||
|
||||
.app-passwords #app-navigation {
|
||||
|
||||
.nav-icon-recent,
|
||||
.nav-icon-favorites {
|
||||
background-image: none;
|
||||
|
@ -23,22 +22,20 @@
|
|||
}
|
||||
|
||||
.app-passwords #app-content {
|
||||
|
||||
// General styling for controls
|
||||
#controls .passwords-more-menu .menu {
|
||||
transition: border .25s ease-in-out, max-height .25s ease-in-out;
|
||||
transition: border 0.25s ease-in-out, max-height 0.25s ease-in-out;
|
||||
}
|
||||
|
||||
// General styling for lists in app-content window
|
||||
.item-list .row {
|
||||
|
||||
&.header,
|
||||
&.header .date {
|
||||
color: var(--color-main-text);
|
||||
}
|
||||
|
||||
.date {
|
||||
color: var(--color-text-inactive);
|
||||
color: var(--color-text-maxcontrast);
|
||||
}
|
||||
|
||||
.genericIcon {
|
||||
|
@ -60,15 +57,15 @@
|
|||
background-color: var(--color-background-darker);
|
||||
|
||||
&::before {
|
||||
color: var(--color-main-text);
|
||||
border-color: var(--color-border);
|
||||
color: var(--color-main-text);
|
||||
}
|
||||
}
|
||||
|
||||
// Styling for help section
|
||||
.help .handbook-page {
|
||||
|
||||
code, pre {
|
||||
code,
|
||||
pre {
|
||||
background-color: var(--color-background-darker);
|
||||
}
|
||||
|
||||
|
@ -79,9 +76,8 @@
|
|||
|
||||
// App content sidebar
|
||||
.app-content-right .item-details {
|
||||
|
||||
.infos {
|
||||
color: var(--color-text-inactive);
|
||||
color: var(--color-text-maxcontrast);
|
||||
|
||||
.tags-container .tags .tag {
|
||||
background-color: var(--color-background-darker) !important;
|
||||
|
@ -101,28 +97,24 @@
|
|||
}
|
||||
|
||||
.app-passwords #app-popup {
|
||||
|
||||
// Popup for creating new password
|
||||
#passwords-create-new .window form.content {
|
||||
|
||||
.section-title, .open .foldout-title {
|
||||
border-color: var(--color-border);
|
||||
.section-title,
|
||||
.open .foldout-title {
|
||||
border-color: var(--color-border);
|
||||
}
|
||||
|
||||
// Notes Editor
|
||||
.notes-container {
|
||||
|
||||
.editor-toolbar {
|
||||
|
||||
a {
|
||||
|
||||
&:hover {
|
||||
border-color: var(--color-border-active);
|
||||
border-color: var(--color-primary-element);
|
||||
}
|
||||
|
||||
&.active {
|
||||
background-color: var(--color-primary-element);
|
||||
border-color: var(--color-border-active);
|
||||
border-color: var(--color-primary-element);
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -146,23 +138,24 @@
|
|||
|
||||
// Tag color field
|
||||
.oc-dialog #pw-field-color {
|
||||
border: none;
|
||||
background-color: var(--color-main-background);
|
||||
border: none;
|
||||
}
|
||||
|
||||
// Yes button for creating new tag
|
||||
.oc-dialog-buttonrow.twobuttons button.primary {
|
||||
border-color: var(--color-border);
|
||||
|
||||
&:hover, &:active, &:focus {
|
||||
border-color: var(--color-border-active);
|
||||
&:hover,
|
||||
&:active,
|
||||
&:focus {
|
||||
border-color: var(--color-primary-element);
|
||||
}
|
||||
}
|
||||
|
||||
/* Icons -------------------------------------------------------------------- */
|
||||
|
||||
.app-passwords {
|
||||
|
||||
#controls .breadcrumb .crumb .home {
|
||||
background-image: var(--icon-home-f2f2f2) !important;
|
||||
}
|
||||
|
|
|
@ -11,9 +11,9 @@
|
|||
}
|
||||
|
||||
#app-mailbox-peers {
|
||||
border-color: var(--color-border);
|
||||
background-color: var(--color-background-darker);
|
||||
|
||||
border-color: var(--color-border);
|
||||
|
||||
li {
|
||||
border-top-color: var(--color-border);
|
||||
|
||||
|
@ -44,30 +44,31 @@
|
|||
}
|
||||
|
||||
#ocsms-phone-msg-nb {
|
||||
color: var(--color-main-text);
|
||||
color: var(--color-main-text);
|
||||
}
|
||||
|
||||
#ocsms-phone-label {
|
||||
font-weight: bold;
|
||||
color: var(--color-text-active);
|
||||
color: var(--color-main-text);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.msg-date {
|
||||
color: var(--color-text-inactive);
|
||||
color: var(--color-text-maxcontrast);
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.msg-sent, .msg-recv {
|
||||
.msg-sent,
|
||||
.msg-recv {
|
||||
background-color: var(--color-background-darker);
|
||||
border-color: var(--color-border);
|
||||
border-color: var(--color-border);
|
||||
box-shadow: none;
|
||||
|
||||
&:hover .msg-date {
|
||||
color: var(--color-text-maxcontrast);
|
||||
opacity: 1;
|
||||
color: var(--color-text-inactive);
|
||||
}
|
||||
}
|
||||
|
||||
.msg-sent {
|
||||
border-color: var(--color-success);
|
||||
border-color: var(--color-success);
|
||||
}
|
||||
|
|
|
@ -7,7 +7,6 @@
|
|||
/* Polls -------------------------------------------------------------------- */
|
||||
|
||||
.app-polls #app-content {
|
||||
|
||||
.table-row.table-header {
|
||||
opacity: 1;
|
||||
}
|
||||
|
@ -17,14 +16,14 @@
|
|||
}
|
||||
|
||||
.toggle-cell {
|
||||
|
||||
&.yes, &.maybe, &.no {
|
||||
&.yes,
|
||||
&.maybe,
|
||||
&.no {
|
||||
background-color: var(--color-main-background);
|
||||
}
|
||||
}
|
||||
|
||||
.poll-cell {
|
||||
|
||||
&.yes {
|
||||
color: var(--color-success);
|
||||
}
|
||||
|
@ -50,7 +49,6 @@
|
|||
}
|
||||
|
||||
.vote-row .counter {
|
||||
|
||||
.yes {
|
||||
background-color: var(--color-success);
|
||||
}
|
||||
|
@ -62,7 +60,6 @@
|
|||
}
|
||||
|
||||
.app-polls #app-sidebar {
|
||||
|
||||
&.detailsView .pollInformation .cloud .open {
|
||||
background-color: var(--color-success);
|
||||
}
|
||||
|
@ -81,7 +78,6 @@
|
|||
}
|
||||
|
||||
.app-polls .tabHeaders .tabHeader {
|
||||
|
||||
&.selected,
|
||||
&:hover,
|
||||
&:focus {
|
||||
|
@ -91,12 +87,12 @@
|
|||
|
||||
/* Datepicker */
|
||||
.app-polls .mx-datepicker .mx-datepicker-popup {
|
||||
border-color: var(--color-border) !important;
|
||||
background-color: var(--color-main-background) !important;
|
||||
border-color: var(--color-border) !important;
|
||||
}
|
||||
|
||||
// Shift dates
|
||||
.app-polls .modal-dialog {
|
||||
box-shadow: none !important;
|
||||
border: 1px solid var(--color-border) !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
|
|
@ -7,22 +7,20 @@
|
|||
/* Quick Notes -------------------------------------------------------------- */
|
||||
|
||||
.app-quicknotes #app-navigation {
|
||||
#new-note-fixed {
|
||||
background-color: var(--color-main-background);
|
||||
}
|
||||
|
||||
#new-note-fixed {
|
||||
background-color: var(--color-main-background);
|
||||
}
|
||||
|
||||
#colors-folder {
|
||||
|
||||
.circle-toolbar.any-color {
|
||||
background-color: var(--color-background-alternate);
|
||||
}
|
||||
#colors-folder {
|
||||
.circle-toolbar.any-color {
|
||||
background-color: var(--color-background-alternate);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.app-quicknotes .quicknote {
|
||||
color: #000000;
|
||||
box-shadow: none;
|
||||
color: #000;
|
||||
|
||||
&:hover {
|
||||
box-shadow: none;
|
||||
|
@ -33,11 +31,10 @@
|
|||
|
||||
// Change icons to black as the contrast with white is really bad
|
||||
.app-quicknotes {
|
||||
|
||||
.icon-checkmark {
|
||||
background-image: var(--icon-checkmark-000) !important;
|
||||
}
|
||||
|
||||
|
||||
.quicknote .icon-delete {
|
||||
background-image: var(--icon-delete-000) !important;
|
||||
|
||||
|
|
|
@ -7,9 +7,7 @@
|
|||
/* Radio -------------------------------------------------------------------- */
|
||||
|
||||
.app-radio #app-navigation #app-settings {
|
||||
|
||||
#volumeslider {
|
||||
|
||||
.ui-slider-range {
|
||||
background-color: var(--color-primary-element);
|
||||
}
|
||||
|
@ -20,19 +18,20 @@
|
|||
}
|
||||
|
||||
#playbutton {
|
||||
|
||||
&:hover, &:active, &:focus {
|
||||
&:hover,
|
||||
&:active,
|
||||
&:focus {
|
||||
&:not(:disabled):not(.primary):not(#quota) {
|
||||
border: none;
|
||||
background-color: inherit;
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.app-radio #app-content #app-content-files #filestable {
|
||||
|
||||
th, td {
|
||||
th,
|
||||
td {
|
||||
border-color: var(--color-border);
|
||||
}
|
||||
|
||||
|
|
|
@ -8,7 +8,7 @@
|
|||
|
||||
#terms_of_service_confirm .v--modal-overlay .v--modal-background-click {
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
|
||||
|
||||
.v--modal.v--modal-box {
|
||||
background-color: var(--color-main-background);
|
||||
border: 1px solid var(--color-border);
|
||||
|
@ -18,6 +18,5 @@
|
|||
#tos-overlay button.primary {
|
||||
margin: 1em auto;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
|
|
@ -12,35 +12,35 @@
|
|||
border-right-color: var(--color-border);
|
||||
|
||||
.city-list {
|
||||
|
||||
li {
|
||||
|
||||
a {
|
||||
color: var(--color-main-text);
|
||||
}
|
||||
|
||||
&:hover, &:hover > a {
|
||||
&:hover,
|
||||
&:hover > a {
|
||||
background-color: var(--color-background-hover);
|
||||
box-shadow: inset 4px 0 var(--color-primary);
|
||||
}
|
||||
|
||||
&.selected, &.selected a {
|
||||
&.selected,
|
||||
&.selected a {
|
||||
background-color: var(--color-primary-element);
|
||||
color: var(--color-text-active);
|
||||
font-weight: 600;
|
||||
box-shadow: inset 4px 0 var(--color-primary);
|
||||
color: var(--color-main-text);
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
|
||||
#create-city {
|
||||
background-color: var(--color-main-background);
|
||||
border-bottom-color: var(--color-primary-element);
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
border-top-color: var(--color-border-active);
|
||||
border-bottom-color: var(--color-border-active);
|
||||
border-top-color: var(--color-primary-element);
|
||||
|
||||
h1 {
|
||||
color: var(--color-text-active);
|
||||
color: var(--color-main-text);
|
||||
}
|
||||
|
||||
hr {
|
||||
|
|
|
@ -0,0 +1,103 @@
|
|||
/***
|
||||
* @copyright Copyright (c) 2020, Magnus Walbeck <mw@mwalbeck.org>
|
||||
*
|
||||
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
||||
*/
|
||||
|
||||
/* Buttons ------------------------------------------------------------------- */
|
||||
|
||||
button,
|
||||
.button,
|
||||
input[type="button"],
|
||||
input[type="submit"] {
|
||||
&.primary {
|
||||
background-color: var(--color-main-background) !important;
|
||||
border-color: var(--color-border) !important;
|
||||
color: var(--color-main-text) !important;
|
||||
}
|
||||
|
||||
&.primary:hover {
|
||||
border-color: var(--color-primary-element) !important;
|
||||
}
|
||||
|
||||
&:focus,
|
||||
&:active,
|
||||
&.primary:focus,
|
||||
&.primary:active {
|
||||
background-color: var(--color-primary) !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Input Fields -------------------------------------------------------------- */
|
||||
|
||||
// div.select2-drop .select2-search input:not(:disabled):not(.primary):active,
|
||||
// .pager li a:not(:disabled):not(.primary):active {
|
||||
// }
|
||||
|
||||
input:not([type="range"]):not([type="button"]):not([type="submit"]) {
|
||||
background-color: var(--color-background-darker);
|
||||
|
||||
&:active {
|
||||
background-color: var(--color-background-darker);
|
||||
}
|
||||
}
|
||||
|
||||
div[contenteditable="true"]:not(:disabled),
|
||||
textarea:not(:disabled) {
|
||||
background-color: var(--color-background-darker);
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
background-color: var(--color-background-darker) !important;
|
||||
border-color: var(--color-primary-element) !important;
|
||||
}
|
||||
}
|
||||
|
||||
.multiselect {
|
||||
.multiselect__input {
|
||||
background-color: inherit !important;
|
||||
}
|
||||
|
||||
&.multiselect--active {
|
||||
background-color: var(--color-background-darker) !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Action items -------------------------------------------------------------- */
|
||||
|
||||
.action-input .action-input__label,
|
||||
.action-text-editable .action-text-editable__label {
|
||||
background-color: var(--color-background-darker);
|
||||
}
|
||||
|
||||
/* select -------------------------------------------------------------------- */
|
||||
.select2-choices .select2-search-choice {
|
||||
box-shadow: unset;
|
||||
}
|
||||
|
||||
.select2-dropdown-open .select2-choice,
|
||||
.select2-dropdown-open .select2-choices {
|
||||
background: var(--color-main-background) !important;
|
||||
border-color: var(--color-border) !important;
|
||||
}
|
||||
|
||||
.select2-drop .select2-drop-active {
|
||||
border-top-color: var(--color-border) !important;
|
||||
}
|
||||
|
||||
.multiselect .multiselect__content-wrapper .multiselect__option--highlight {
|
||||
background-color: var(--color-background-hover) !important;
|
||||
}
|
||||
|
||||
/* Table --------------------------------------------------------------------- */
|
||||
|
||||
table tbody {
|
||||
--color-background-dark: var(--color-background-hover) !important;
|
||||
}
|
||||
|
||||
/* Progress ------------------------------------------------------------------ */
|
||||
|
||||
progress {
|
||||
background-color: var(--color-loading-dark);
|
||||
}
|
197
css/guest.css
197
css/guest.css
|
@ -7,121 +7,130 @@
|
|||
*/
|
||||
|
||||
:root {
|
||||
--color-main-text: rgba(239, 240, 241, 1) !important;
|
||||
--color-main-background: rgba(49, 54, 59, 1) !important;
|
||||
/* Primary Breeze colours */
|
||||
--color-paper-white: rgba(252, 252, 252, 1);
|
||||
--color-cardboard-gray: rgba(239, 240, 241, 1);
|
||||
--color-icon-gray: rgba(77, 77, 77, 1);
|
||||
--color-charcoal-gray: rgba(49, 54, 59, 1);
|
||||
--color-shade-black: rgba(35, 38, 41, 1);
|
||||
--color-plasma-blue: rgba(61, 174, 233, 1);
|
||||
|
||||
/* Secondary Breeze colours */
|
||||
--color-icon-red: rgba(218, 68, 83, 1);
|
||||
--color-danger-red: rgba(237, 21, 21, 1);
|
||||
--color-beware-orange: rgba(246, 116, 0, 1);
|
||||
--color-icon-yellow: rgba(253, 188, 75, 1);
|
||||
--color-sunbeam-yellow: rgba(201, 206, 59, 1);
|
||||
--color-verdant-green: rgba(17, 209, 22, 1);
|
||||
--color-icon-blue: rgba(29, 153, 243, 1);
|
||||
|
||||
/* Other Breeze Colours */
|
||||
--color-noble-fir: rgba(39, 174, 96, 1);
|
||||
--color-abyss-blue: rgba(41, 128, 185, 1);
|
||||
--color-coastal-fog: rgba(127, 140, 141, 1);
|
||||
--color-alternate-gray: rgba(189, 195, 199, 1);
|
||||
|
||||
/* An approximation of the blue hover colour seen in breeze dark */
|
||||
--color-hover-blue: rgba(61, 174, 233, 0.4);
|
||||
/* An approximation of the grey border colour seen in breeze dark */
|
||||
--color-border-grey: rgba(103, 107, 110, 1);
|
||||
|
||||
--color-main-text: var(--color-cardboard-gray) !important;
|
||||
--color-main-background: var(--color-charcoal-gray) !important;
|
||||
--color-main-background-translucent: var(--color-main-background) !important;
|
||||
|
||||
--color-background-dark: var(--color-background-hover) !important;
|
||||
--color-background-darker: rgba(35, 38, 41, 1) !important;
|
||||
--color-background-alternate: rgba(77, 77, 77, 1);
|
||||
--color-background-hover: rgba(61, 174, 233, 0.25) !important;
|
||||
--color-background-hover: var(--color-hover-blue) !important;
|
||||
--color-background-dark: var(--color-main-background) !important;
|
||||
--color-background-darker: var(--color-shade-black) !important;
|
||||
|
||||
--color-primary: rgba(29, 153, 243, 1) !important;
|
||||
--color-primary-text: var(--color-main-text) !important;
|
||||
--color-primary-element: rgba(61, 174, 233, 1) !important;
|
||||
--color-primary: var(--color-plasma-blue) !important;
|
||||
--color-primary-light: var(--color-primary) !important;
|
||||
--color-primary-text: var(--color-paper-white) !important;
|
||||
--color-primary-text-dark: var(--color-main-text) !important;
|
||||
--color-primary-element: var(--color-primary) !important;
|
||||
--color-primary-element-light: var(--color-primary) !important;
|
||||
|
||||
--color-error: rgba(218, 68, 83, 1) !important;
|
||||
--color-warning: rgba(246, 116, 0, 1) !important;
|
||||
--color-success: rgba(39, 174, 96, 1) !important;
|
||||
--color-error: var(--color-icon-red) !important;
|
||||
--color-warning: var(--color-beware-orange) !important;
|
||||
--color-success: var(--color-noble-fir) !important;
|
||||
|
||||
--color-text-maxcontrast: var(--color-text-inactive) !important;
|
||||
--color-text-maxcontrast: var(--color-alternate-gray) !important;
|
||||
--color-text-light: var(--color-main-text) !important;
|
||||
--color-text-lighter: var(--color-main-text) !important;
|
||||
--color-text-active: rgba(252, 252, 252, 1);
|
||||
--color-text-inactive: rgba(189, 195, 199, 1);
|
||||
--color-text-link: rgba(41, 128, 185, 1);
|
||||
--color-text-background: rgba(189, 195, 199, 0.6);
|
||||
--color-text-lighter: var(--color-text-maxcontrast) !important;
|
||||
--color-text-dark: rgba(0, 0, 0, 1) !important;
|
||||
|
||||
--color-box-shadow: var(--color-primary) !important;
|
||||
--color-loading-light: var(--color-alternate-gray) !important;
|
||||
--color-loading-dark: var(--color-coastal-fog) !important;
|
||||
|
||||
--color-border: rgba(112, 111, 110, 1) !important;
|
||||
--color-box-shadow: rgba(0, 0, 0, 0) !important;
|
||||
|
||||
--color-border: var(--color-border-grey) !important;
|
||||
--color-border-dark: var(--color-border) !important;
|
||||
--color-border-active: var(--color-primary-element);
|
||||
|
||||
--color-icon: rgba(242, 242, 242, 1);
|
||||
}
|
||||
|
||||
input, label {
|
||||
--color-checkbox-radio-border: var(--color-border);
|
||||
--color-checkbox-radio-disabled: var(--color-background-alternate);
|
||||
}
|
||||
|
||||
|
||||
/* Login Screen ------------------------------------------------------------- */
|
||||
|
||||
body#body-login {
|
||||
background-image:
|
||||
url('../../../apps/theming/image/background'),
|
||||
url('../../../core/img/background.png');
|
||||
background-color: var(--color-main-background);
|
||||
}
|
||||
|
||||
#body-login a {
|
||||
color: var(--color-main-text) !important;
|
||||
#body-login {
|
||||
background-color: var(--color-main-background) !important;
|
||||
background-image: url("../../../apps/theming/image/background"),
|
||||
url("../../../core/img/background.png") !important;
|
||||
}
|
||||
|
||||
#body-login a,
|
||||
#body-login p.info {
|
||||
color: var(--color-text-inactive);
|
||||
}
|
||||
|
||||
#body-login form .grouptop input,
|
||||
#body-login form .groupbottom input,
|
||||
#body-login .lost-password-container form input,
|
||||
#body-login #email,
|
||||
#body-login #username,
|
||||
#body-login #password {
|
||||
background: var(--color-background-darker);
|
||||
color: var(--color-main-text);
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.two-factor-provider:hover,
|
||||
.two-factor-provider:focus,
|
||||
.two-factor-provider:active {
|
||||
border-color: var(--color-background-hover) !important;
|
||||
background-color: var(--color-background-hover);
|
||||
}
|
||||
|
||||
#body-login .totp-form input[type="tel"] {
|
||||
background: var(--color-background-darker);
|
||||
color: var(--color-main-text);
|
||||
border: 1px solid var(--color-border);
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
#email-icon,
|
||||
#username-icon,
|
||||
#password-icon,
|
||||
#body-login form img[src$="/core/img/actions/toggle.svg"] {
|
||||
filter: invert(95%);
|
||||
}
|
||||
|
||||
input.primary,
|
||||
button.primary,
|
||||
input[type="submit"],
|
||||
#alternative-logins .button {
|
||||
border: 1px solid var(--color-border) !important;
|
||||
background-color: var(--color-main-background) !important;
|
||||
color: var(--color-main-text) !important;
|
||||
}
|
||||
|
||||
input.primary:hover,
|
||||
input.primary:focus,
|
||||
input.primary:active,
|
||||
button.primary:hover,
|
||||
button.primary:focus,
|
||||
button.primary:active,
|
||||
input[type="submit"]:hover,
|
||||
input[type="submit"]:focus,
|
||||
input[type="submit"]:active,
|
||||
#alternative-logins .button:hover,
|
||||
#alternative-logins .button:focus,
|
||||
#alternative-logins .button:active {
|
||||
background-color: var(--color-primary-element) !important;
|
||||
color: var(--color-text-active) !important;
|
||||
border-color: var(--color-border-active) !important;
|
||||
#body-login input[type="text"],
|
||||
#body-login input[type="tel"],
|
||||
#body-login input[type="password"],
|
||||
#body-login input[type="email"] {
|
||||
background: var(--color-background-darker) !important;
|
||||
color: var(--color-main-text) !important;
|
||||
}
|
||||
|
||||
#body-login .groupbottom input#show {
|
||||
border: none;
|
||||
#body-login .groupbottom input {
|
||||
box-shadow: unset !important;
|
||||
}
|
||||
|
||||
#body-login .toggle-password,
|
||||
#body-login #email-icon {
|
||||
filter: invert(95%);
|
||||
}
|
||||
|
||||
#body-login input[type="submit"],
|
||||
#body-login input[type="submit"].primary,
|
||||
#body-login button.primary,
|
||||
#body-login .button {
|
||||
background-color: var(--color-main-background) !important;
|
||||
border: 1px solid var(--color-border) !important;
|
||||
color: var(--color-main-text) !important;
|
||||
}
|
||||
|
||||
#body-login input[type="submit"]:hover,
|
||||
#body-login input[type="submit"].primary:hover,
|
||||
#body-login button.primary:hover,
|
||||
#body-login .button:hover {
|
||||
border-color: var(--color-primary-element) !important;
|
||||
}
|
||||
|
||||
#body-login input[type="submit"]:active,
|
||||
#body-login input[type="submit"]:focus,
|
||||
#body-login input[type="submit"].primary:active,
|
||||
#body-login input[type="submit"].primary:focus,
|
||||
#body-login button.primary:active,
|
||||
#body-login button.primary:focus,
|
||||
#body-login .button:active,
|
||||
#body-login .button:focus {
|
||||
background-color: var(--color-primary) !important;
|
||||
border-color: var(--color-primary-element) !important;
|
||||
}
|
||||
|
||||
#body-login .two-factor-provider:hover,
|
||||
#body-login .two-factor-provider:focus,
|
||||
#body-login .two-factor-provider:active {
|
||||
background-color: var(--color-background-hover);
|
||||
border-color: var(--color-primary-element) !important;
|
||||
}
|
||||
|
|
107
css/server.scss
107
css/server.scss
|
@ -29,57 +29,58 @@
|
|||
*/
|
||||
|
||||
// General and Nextcloud Core
|
||||
@import 'server/functions';
|
||||
@import 'server/color-variables';
|
||||
@import 'server/icon-variables';
|
||||
@import 'server/server';
|
||||
@import 'server/apps';
|
||||
@import 'server/icons';
|
||||
// Official
|
||||
@import 'apps/official/activity';
|
||||
@import 'apps/official/announcement-center';
|
||||
@import 'apps/official/calendar';
|
||||
@import 'apps/official/contacts';
|
||||
@import 'apps/official/deck';
|
||||
@import 'apps/official/external-sites';
|
||||
@import 'apps/official/files';
|
||||
@import 'apps/official/first-run-wizard';
|
||||
@import 'apps/official/group-folders';
|
||||
@import 'apps/official/ldap';
|
||||
@import 'apps/official/log-reader';
|
||||
@import 'apps/official/mail';
|
||||
@import 'apps/official/maps';
|
||||
@import 'apps/official/news';
|
||||
@import 'apps/official/notes';
|
||||
@import 'apps/official/notifications';
|
||||
@import 'apps/official/photos';
|
||||
@import 'apps/official/retention';
|
||||
@import 'apps/official/spreed';
|
||||
@import 'apps/official/system-monitoring';
|
||||
@import 'apps/official/tasks';
|
||||
@import 'apps/official/text';
|
||||
@import "variables/functions";
|
||||
@import "variables/color-variables";
|
||||
@import "variables/icon-variables";
|
||||
@import "base/elements";
|
||||
@import "server/server";
|
||||
@import "apps/apps";
|
||||
@import "server/icons";
|
||||
// Core
|
||||
@import "apps/core/activity";
|
||||
@import "apps/core/files";
|
||||
@import "apps/core/log-reader";
|
||||
@import "apps/core/notifications";
|
||||
@import "apps/core/photos";
|
||||
// // Official
|
||||
@import "apps/official/announcement-center";
|
||||
@import "apps/official/calendar";
|
||||
@import "apps/official/contacts";
|
||||
@import "apps/official/deck";
|
||||
@import "apps/official/external-sites";
|
||||
@import "apps/official/group-folders";
|
||||
@import "apps/official/ldap";
|
||||
@import "apps/official/mail";
|
||||
@import "apps/official/maps";
|
||||
@import "apps/official/news";
|
||||
@import "apps/official/notes";
|
||||
@import "apps/official/photos";
|
||||
@import "apps/official/retention";
|
||||
@import "apps/official/spreed";
|
||||
@import "apps/official/tasks";
|
||||
@import "apps/official/text";
|
||||
// // Third party
|
||||
@import 'apps/thirdparty/analytics';
|
||||
@import 'apps/thirdparty/apporder';
|
||||
@import 'apps/thirdparty/audio-player';
|
||||
@import 'apps/thirdparty/bbb';
|
||||
@import 'apps/thirdparty/bookmarks';
|
||||
@import 'apps/thirdparty/circles';
|
||||
@import 'apps/thirdparty/cookbook';
|
||||
@import 'apps/thirdparty/dashboard';
|
||||
@import 'apps/thirdparty/flow-upload';
|
||||
@import 'apps/thirdparty/fulltextsearch';
|
||||
@import 'apps/thirdparty/files-markdown';
|
||||
@import 'apps/thirdparty/files-markdown-syntax';
|
||||
@import 'apps/thirdparty/music';
|
||||
@import 'apps/thirdparty/ocdownloader';
|
||||
@import 'apps/thirdparty/ojsxc';
|
||||
@import 'apps/thirdparty/passman';
|
||||
@import 'apps/thirdparty/passwords';
|
||||
@import 'apps/thirdparty/phone-sync';
|
||||
@import 'apps/thirdparty/polls';
|
||||
@import 'apps/thirdparty/quicknotes';
|
||||
@import 'apps/thirdparty/radio';
|
||||
@import 'apps/thirdparty/terms-of-service';
|
||||
@import 'apps/thirdparty/user-account-deletion';
|
||||
@import 'apps/thirdparty/weather';
|
||||
@import "apps/thirdparty/analytics";
|
||||
@import "apps/thirdparty/apporder";
|
||||
@import "apps/thirdparty/audio-player";
|
||||
@import "apps/thirdparty/bbb";
|
||||
@import "apps/thirdparty/bookmarks";
|
||||
@import "apps/thirdparty/circles";
|
||||
@import "apps/thirdparty/cookbook";
|
||||
@import "apps/thirdparty/dashboard";
|
||||
@import "apps/thirdparty/flow-upload";
|
||||
@import "apps/thirdparty/fulltextsearch";
|
||||
@import "apps/thirdparty/files-markdown";
|
||||
@import "apps/thirdparty/files-markdown-syntax";
|
||||
@import "apps/thirdparty/music";
|
||||
@import "apps/thirdparty/ocdownloader";
|
||||
@import "apps/thirdparty/ojsxc";
|
||||
@import "apps/thirdparty/passman";
|
||||
@import "apps/thirdparty/passwords";
|
||||
@import "apps/thirdparty/phone-sync";
|
||||
@import "apps/thirdparty/polls";
|
||||
@import "apps/thirdparty/quicknotes";
|
||||
@import "apps/thirdparty/radio";
|
||||
@import "apps/thirdparty/terms-of-service";
|
||||
@import "apps/thirdparty/user-account-deletion";
|
||||
@import "apps/thirdparty/weather";
|
||||
|
|
|
@ -1,246 +0,0 @@
|
|||
/***
|
||||
* @copyright Copyright (c) 2017, Magnus Walbeck <mw@mwalbeck.org>
|
||||
*
|
||||
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
||||
*/
|
||||
|
||||
/* App menu ----------------------------------------------------------------- */
|
||||
|
||||
#appmenu li {
|
||||
|
||||
&:hover a + span,
|
||||
&:hover span,
|
||||
&:focus span,
|
||||
a:focus + span,
|
||||
a:focus span {
|
||||
background-color: var(--color-background-darker);
|
||||
}
|
||||
|
||||
a.active::before {
|
||||
border-bottom-color: var(--color-main-background);
|
||||
}
|
||||
|
||||
&:hover a::before {
|
||||
border-bottom-color: var(--color-border);
|
||||
}
|
||||
}
|
||||
|
||||
/* App Navigation ----------------------------------------------------------- */
|
||||
|
||||
#app-navigation:not(.vue) {
|
||||
|
||||
> ul > li > a,
|
||||
> li > a,
|
||||
> ul > li > ul > li > a {
|
||||
opacity: 1;
|
||||
|
||||
&:hover,
|
||||
&:hover + div.app-navigation-entry-utils,
|
||||
&:hover + div.app-navigation-entry-edit + div.app-navigation-entry-utils {
|
||||
background-color: var(--color-background-hover);
|
||||
}
|
||||
|
||||
&.active:hover {
|
||||
background-color: var(--color-primary-element);
|
||||
}
|
||||
}
|
||||
|
||||
.collapsible:hover {
|
||||
|
||||
&::before {
|
||||
background-color: unset;
|
||||
}
|
||||
|
||||
> a {
|
||||
background-image: none;
|
||||
}
|
||||
}
|
||||
|
||||
.active {
|
||||
background-color: var(--color-primary-element);
|
||||
color: var(--color-text-active);
|
||||
font-weight: 600;
|
||||
|
||||
> a {
|
||||
color: var(--color-text-active);
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
|
||||
input {
|
||||
background-color: var(--color-background-darker);
|
||||
}
|
||||
|
||||
select {
|
||||
background-color: var(--color-main-background) !important;
|
||||
}
|
||||
|
||||
> ul > li > .app-navigation-entry-bullet + a:hover,
|
||||
> ul > li > ul > li > .app-navigation-entry-bullet + a:hover {
|
||||
background: var(--color-background-hover) !important;
|
||||
}
|
||||
}
|
||||
|
||||
.app-navigation-entry-menu {
|
||||
|
||||
li > button {
|
||||
color: var(--color-main-text);
|
||||
border-radius: unset;
|
||||
|
||||
&:hover {
|
||||
background-color: var(--color-background-hover);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* App Sidebar -------------------------------------------------------------- */
|
||||
|
||||
#app-sidebar {
|
||||
|
||||
.app-sidebar-tabs__tab a {
|
||||
|
||||
&:not(.active):hover,
|
||||
&:not(.active):focus {
|
||||
box-shadow: inset 0 -1px 0 var(--color-background-dark) !important;
|
||||
border-bottom-color: var(--color-background-dark) !important;
|
||||
}
|
||||
|
||||
&.active,
|
||||
&.active:focus {
|
||||
border-bottom-color: var(--color-primary-element) !important;
|
||||
box-shadow: inset 0 -1px 0 var(--color-primary-element) !important;
|
||||
}
|
||||
}
|
||||
|
||||
.versionsTabView {
|
||||
|
||||
li {
|
||||
border-color: var(--color-border);
|
||||
|
||||
&:hover {
|
||||
background: var(--color-background-hover);
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
opacity: 1 !important;
|
||||
color: var(--color-text-inactive);
|
||||
}
|
||||
}
|
||||
|
||||
.shareTabView .error {
|
||||
color: var(--color-error);
|
||||
border-color: var(--color-error);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
#tab-comments input[type="submit"].icon-confirm {
|
||||
border: none !important;
|
||||
opacity: 0.7;
|
||||
background-color: transparent !important;
|
||||
|
||||
&:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* App Settings ------------------------------------------------------------- */
|
||||
|
||||
#app-settings-header .settings-button {
|
||||
opacity: 1;
|
||||
|
||||
&:hover {
|
||||
background-color: var(--color-background-hover);
|
||||
}
|
||||
}
|
||||
|
||||
// Date picker styling fix
|
||||
|
||||
.mx-datepicker .mx-input-wrapper .mx-input-append {
|
||||
background-color: inherit !important;
|
||||
}
|
||||
|
||||
/* Misc --------------------------------------------------------------------- */
|
||||
|
||||
.delete,
|
||||
input[type="submit"].delete,
|
||||
input[type="button"].delete,
|
||||
button.delete,
|
||||
.button.delete {
|
||||
border-color: var(--color-border);
|
||||
background-color: var(--color-error);
|
||||
color: var(--color-main-text);
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
border-color: var(--color-error) !important;
|
||||
background-color: var(--color-error);
|
||||
color: var(--color-text-active);
|
||||
}
|
||||
}
|
||||
|
||||
// Fix share icon in nav not being hidden on hover, because of maunal icon override to prevent black icons
|
||||
#app-navigation:not(.vue) .collapsible:hover > a {
|
||||
background-image: none !important;
|
||||
}
|
||||
|
||||
// CodeMirror
|
||||
|
||||
.CodeMirror {
|
||||
background-color: var(--color-main-background) !important;
|
||||
color: var(--color-main-text) !important;
|
||||
|
||||
.cm-formatting {
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.cm-link {
|
||||
color: var(--color-text-link) !important;
|
||||
}
|
||||
|
||||
.cm-s-easymde .cm-url,
|
||||
.cm-s-easymde .cm-string {
|
||||
color: var(--color-text-inactive) !important;
|
||||
}
|
||||
|
||||
.CodeMirror-selected {
|
||||
background-color: var(--color-main-background) !important;
|
||||
}
|
||||
|
||||
.CodeMirror-selectedtext {
|
||||
background-color: var(--color-text-selection) !important;
|
||||
color: var(--color-main-text);
|
||||
}
|
||||
|
||||
.CodeMirror-cursor {
|
||||
border-left-color: var(--color-main-text);
|
||||
}
|
||||
}
|
||||
|
||||
// CodeMirror Markdown preview
|
||||
// For Deck and Notes
|
||||
|
||||
#description-preview,
|
||||
.note-preview {
|
||||
|
||||
pre {
|
||||
background-color: var(--color-background-darker) !important;
|
||||
border: 1px solid var(--color-border);
|
||||
border-radius: 3px;
|
||||
padding: 16px !important;
|
||||
}
|
||||
|
||||
code {
|
||||
background-color: var(--color-background-darker) !important;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
font-style: italic;
|
||||
border-left: 4px solid var(--color-border);
|
||||
padding-left: 2ex;
|
||||
color: var(--color-main-text);
|
||||
}
|
||||
|
||||
|
||||
}
|
|
@ -1,50 +0,0 @@
|
|||
/***
|
||||
* @copyright Copyright (c) 2019, Magnus Walbeck <mw@mwalbeck.org>
|
||||
*
|
||||
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
||||
*/
|
||||
|
||||
:root {
|
||||
--color-main-text: rgba(239, 240, 241, 1) !important;
|
||||
--color-main-background: rgba(49, 54, 59, 1) !important;
|
||||
--color-main-background-translucent: var(--color-main-background) !important;
|
||||
|
||||
--color-background-dark: var(--color-background-hover) !important;
|
||||
--color-background-darker: rgba(35, 38, 41, 1) !important;
|
||||
--color-background-alternate: rgba(77, 77, 77, 1);
|
||||
--color-background-hover: rgba(61, 174, 233, 0.25) !important;
|
||||
--color-background-blur: rgba(49, 54, 59, 0.7) !important;
|
||||
|
||||
--color-primary: rgba(29, 153, 243, 1) !important;
|
||||
--color-primary-text: var(--color-main-text) !important;
|
||||
--color-primary-element: rgba(61, 174, 233, 1) !important;
|
||||
--color-primary-light: var(--color-primary-element) !important;
|
||||
|
||||
--color-error: rgba(218, 68, 83, 1) !important;
|
||||
--color-warning: rgba(246, 116, 0, 1) !important;
|
||||
--color-success: rgba(39, 174, 96, 1) !important;
|
||||
--color-neutral: rgba(201, 206, 59, 1) !important;
|
||||
|
||||
--color-text-maxcontrast: var(--color-text-inactive) !important;
|
||||
--color-text-light: var(--color-main-text) !important;
|
||||
--color-text-lighter: var(--color-main-text) !important;
|
||||
--color-text-active: rgba(252, 252, 252, 1);
|
||||
--color-text-inactive: rgba(189, 195, 199, 1);
|
||||
--color-text-link: rgba(41, 128, 185, 1);
|
||||
--color-text-background: rgba(189, 195, 199, 0.6);
|
||||
--color-text-selection: rgba(61, 174, 233, 0.50);
|
||||
--color-text-dark: rgba(0, 0, 0, 1) !important;
|
||||
|
||||
--color-box-shadow: var(--color-primary) !important;
|
||||
|
||||
--color-border: rgba(112, 111, 110, 1) !important;
|
||||
--color-border-dark: var(--color-border) !important;
|
||||
--color-border-active: var(--color-primary-element);
|
||||
|
||||
--color-icon: rgba(242, 242, 242, 1);
|
||||
}
|
||||
|
||||
input, label {
|
||||
--color-checkbox-radio-border: var(--color-border);
|
||||
--color-checkbox-radio-disabled: var(--color-background-alternate);
|
||||
}
|
|
@ -1,239 +0,0 @@
|
|||
/***
|
||||
* @copyright Copyright (c) 2017, Magnus Walbeck <mw@mwalbeck.org>
|
||||
*
|
||||
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
||||
*/
|
||||
|
||||
/* Icon variables ----------------------------------------------------------- */
|
||||
|
||||
// Color variables for icons
|
||||
$icon-normal: #f2f2f2;
|
||||
$icon-error: #da4453;
|
||||
$icon-success: #27ae60;
|
||||
|
||||
:root {
|
||||
@include icon-color-theming('home', 'places', $icon-normal, 1, true);
|
||||
@include icon-color-theming('contacts', 'places', $icon-normal, 1, true);
|
||||
@include icon-color-theming('link', 'places', $icon-normal, 1, true);
|
||||
@include icon-color-theming('calendar', 'places', $icon-normal, 1, true);
|
||||
@include icon-color-theming('picture', 'places', $icon-normal, 1, true);
|
||||
@include icon-color-theming('files', 'places', $icon-normal, 1, true);
|
||||
|
||||
@include icon-color-theming('text', 'filetypes', $icon-normal, 1, true);
|
||||
@include icon-color-theming('folder', 'filetypes', #0082c9, 1, true);
|
||||
|
||||
@include icon-color-theming('desktop', 'clients', $icon-normal, 1, true);
|
||||
@include icon-color-theming('phone', 'clients', $icon-normal, 1, true);
|
||||
@include icon-color-theming('tablet', 'clients', $icon-normal, 1, true);
|
||||
|
||||
@include icon-color-theming('bundles', 'categories', $icon-normal, 1, true);
|
||||
@include icon-color-theming('customization', 'categories', $icon-normal, 1, true);
|
||||
@include icon-color-theming('games', 'categories', $icon-normal, 1, true);
|
||||
@include icon-color-theming('integration', 'categories', $icon-normal, 1, true);
|
||||
@include icon-color-theming('monitoring', 'categories', $icon-normal, 1, true);
|
||||
@include icon-color-theming('multimedia', 'categories', $icon-normal, 1, true);
|
||||
@include icon-color-theming('office', 'categories', $icon-normal, 1, true);
|
||||
@include icon-color-theming('organization', 'categories', $icon-normal, 1, true);
|
||||
@include icon-color-theming('social', 'categories', $icon-normal, 1, true);
|
||||
@include icon-color-theming('workflow', 'categories', $icon-normal, 1, true);
|
||||
@include icon-color-theming('auth', 'categories', $icon-normal, 1, true);
|
||||
|
||||
@include icon-color-theming('star-dark', 'actions', $icon-normal, 1, true);
|
||||
@include icon-color-theming('search', 'actions', $icon-normal, 1, true);
|
||||
@include icon-color-theming('password', 'actions', $icon-normal, 1, true);
|
||||
@include icon-color-theming('settings-dark', 'actions', $icon-normal, 1, true);
|
||||
@include icon-color-theming('rename', 'actions', $icon-normal, 1, true);
|
||||
@include icon-color-theming('delete', 'actions', $icon-normal, 1, true);
|
||||
@include icon-color-theming('delete', 'actions', $icon-error, 1, true);
|
||||
@include icon-color-theming('public', 'actions', $icon-normal, 1, true);
|
||||
@include icon-color-theming('upload', 'actions', $icon-normal, 1, true);
|
||||
@include icon-color-theming('add', 'actions', $icon-normal, 1, true);
|
||||
@include icon-color-theming('share', 'actions', $icon-normal, 1, true);
|
||||
@include icon-color-theming('external', 'actions', $icon-normal, 1, true);
|
||||
@include icon-color-theming('tag', 'actions', $icon-normal, 1, true);
|
||||
@include icon-color-theming('download', 'actions', $icon-normal, 1, true);
|
||||
@include icon-color-theming('details', 'actions', $icon-normal, 1, true);
|
||||
@include icon-color-theming('info', 'actions', $icon-normal, 1, true);
|
||||
@include icon-color-theming('clippy', 'actions', $icon-normal, 1, true);
|
||||
@include icon-color-theming('comment', 'actions', $icon-normal, 1, true);
|
||||
@include icon-color-theming('quota', 'actions', $icon-normal, 1, true);
|
||||
@include icon-color-theming('triangle-n', 'actions', $icon-normal, 1, true);
|
||||
@include icon-color-theming('triangle-s', 'actions', $icon-normal, 1, true);
|
||||
@include icon-color-theming('more', 'actions', $icon-normal, 1, true);
|
||||
@include icon-color-theming('toggle-filelist', 'actions', $icon-normal, 1, true);
|
||||
@include icon-color-theming('toggle-pictures', 'actions', $icon-normal, 1, true);
|
||||
@include icon-color-theming('history', 'actions', $icon-normal, 1, true);
|
||||
@include icon-color-theming('edit', 'actions', $icon-normal, 1, true);
|
||||
@include icon-color-theming('close', 'actions', $icon-normal, 1, true);
|
||||
@include icon-color-theming('fullscreen', 'actions', $icon-normal, 1, true);
|
||||
@include icon-color-theming('user', 'actions', $icon-normal, 1, true);
|
||||
@include icon-color-theming('timezone', 'actions', $icon-normal, 1, true);
|
||||
@include icon-color-theming('toggle', 'actions', $icon-normal, 1, true);
|
||||
@include icon-color-theming('error', 'actions', $icon-normal, 1, true);
|
||||
@include icon-color-theming('checkmark', 'actions', $icon-normal, 1, true);
|
||||
@include icon-color-theming('user-admin', 'actions', $icon-normal, 1, true);
|
||||
@include icon-color-theming('arrow-right', 'actions', $icon-normal, 1, true);
|
||||
@include icon-color-theming('arrow-left', 'actions', $icon-normal, 1, true);
|
||||
@include icon-color-theming('mail', 'actions', $icon-normal, 1, true);
|
||||
@include icon-color-theming('address', 'actions', $icon-normal, 1, true);
|
||||
@include icon-color-theming('group', 'actions', $icon-normal, 1, true);
|
||||
@include icon-color-theming('menu', 'actions', $icon-normal, 1, true);
|
||||
@include icon-color-theming('menu-sidebar', 'actions', $icon-normal, 1, true);
|
||||
@include icon-color-theming('projects', 'actions', $icon-normal, 1, true);
|
||||
@include icon-color-theming('sound', 'actions', $icon-normal, 1, true);
|
||||
@include icon-color-theming('sound-off', 'actions', $icon-normal, 1, true);
|
||||
@include icon-color-theming('audio', 'actions', $icon-normal, 1, true);
|
||||
@include icon-color-theming('audio-off', 'actions', $icon-normal, 1, true);
|
||||
@include icon-color-theming('video', 'actions', $icon-normal, 1, true);
|
||||
@include icon-color-theming('video-off', 'actions', $icon-normal, 1, true);
|
||||
@include icon-color-theming('screen', 'actions', $icon-normal, 1, true);
|
||||
@include icon-color-theming('screen-off', 'actions', $icon-normal, 1, true);
|
||||
@include icon-color-theming('caret', 'actions', $icon-normal, 1, true);
|
||||
@include icon-color-theming('disabled-user', 'actions', $icon-normal, 1, true);
|
||||
@include icon-color-theming('disabled-users', 'actions', $icon-normal, 1, true);
|
||||
@include icon-color-theming('confirm', 'actions', $icon-normal, 1, true);
|
||||
@include icon-color-theming('confirm-fade', 'actions', $icon-normal, 1, true);
|
||||
@include icon-color-theming('play', 'actions', $icon-normal, 1, true);
|
||||
@include icon-color-theming('pause', 'actions', $icon-normal, 1, true);
|
||||
|
||||
@include icon-color-theming('folder', 'files', $icon-normal, 1, false);
|
||||
@include icon-color-theming('recent', 'files', $icon-normal, 1, false);
|
||||
@include icon-color-theming('external', 'files', $icon-normal, 1, false);
|
||||
@include icon-color-theming('share', 'files', $icon-normal, 1, false);
|
||||
@include icon-color-theming('unshare', 'files', $icon-normal, 1, false);
|
||||
@include icon-color-theming('public', 'files', $icon-normal, 1, false);
|
||||
@include icon-color-theming('delete', 'files', $icon-normal, 1, false);
|
||||
|
||||
@include icon-color-theming('control', 'privacy', $icon-normal, 1, false);
|
||||
@include icon-color-theming('knowledge', 'privacy', $icon-normal, 1, false);
|
||||
@include icon-color-theming('freedom', 'privacy', $icon-normal, 1, false);
|
||||
|
||||
@include icon-color-theming('activity', 'activity', $icon-normal, 1, false);
|
||||
|
||||
@include icon-color-theming('notifications-dark', 'notifications', $icon-normal, 1, false);
|
||||
|
||||
@include icon-color-theming('undo', 'text', $icon-normal, 1, false);
|
||||
@include icon-color-theming('redo', 'text', $icon-normal, 1, false);
|
||||
@include icon-color-theming('bold', 'text', $icon-normal, 1, false);
|
||||
@include icon-color-theming('italic', 'text', $icon-normal, 1, false);
|
||||
@include icon-color-theming('strike', 'text', $icon-normal, 1, false);
|
||||
@include icon-color-theming('paragraph', 'text', $icon-normal, 1, false);
|
||||
@include icon-color-theming('ul', 'text', $icon-normal, 1, false);
|
||||
@include icon-color-theming('ol', 'text', $icon-normal, 1, false);
|
||||
@include icon-color-theming('quote', 'text', $icon-normal, 1, false);
|
||||
@include icon-color-theming('h1', 'text', $icon-normal, 1, false);
|
||||
@include icon-color-theming('h2', 'text', $icon-normal, 1, false);
|
||||
@include icon-color-theming('h3', 'text', $icon-normal, 1, false);
|
||||
@include icon-color-theming('h4', 'text', $icon-normal, 1, false);
|
||||
@include icon-color-theming('h5', 'text', $icon-normal, 1, false);
|
||||
@include icon-color-theming('h6', 'text', $icon-normal, 1, false);
|
||||
@include icon-color-theming('code', 'text', $icon-normal, 1, false);
|
||||
@include icon-color-theming('image', 'text', $icon-normal, 1, false);
|
||||
|
||||
@include icon-color-theming('rss', 'news', $icon-normal, 1, false);
|
||||
|
||||
@include icon-color-theming('folder', 'notes', $icon-normal, 1, false);
|
||||
@include icon-color-theming('recent', 'notes', $icon-normal, 1, false);
|
||||
@include icon-color-theming('folder-empty', 'notes', $icon-normal, 1, false);
|
||||
|
||||
@include icon-color-theming('phone', 'contacts', $icon-normal, 1, false);
|
||||
@include icon-color-theming('address-book', 'contacts', $icon-normal, 1, false);
|
||||
@include icon-color-theming('social', 'contacts', $icon-normal, 1, false);
|
||||
@include icon-color-theming('qrcode', 'contacts', $icon-normal, 1, false);
|
||||
@include icon-color-theming('language', 'contacts', $icon-normal, 1, false);
|
||||
@include icon-color-theming('up', 'contacts', $icon-normal, 1, false);
|
||||
|
||||
@include icon-color-theming('deck', 'deck', $icon-normal, 1, false);
|
||||
@include icon-color-theming('archive', 'deck', $icon-normal, 1, false);
|
||||
@include icon-color-theming('toggle-view-collapse', 'deck', $icon-normal, 1, false);
|
||||
@include icon-color-theming('toggle-view-expand', 'deck', $icon-normal, 1, false);
|
||||
@include icon-color-theming('attach', 'deck', $icon-normal, 1, false);
|
||||
@include icon-color-theming('filter', 'deck', $icon-normal, 1, false);
|
||||
@include icon-color-theming('clone', 'deck', $icon-normal, 1, false);
|
||||
|
||||
@include icon-color-theming('app-dark', 'spreed', $icon-normal, 1, false);
|
||||
@include icon-color-theming('reply', 'spreed', $icon-normal, 1, false);
|
||||
@include icon-color-theming('lobby', 'spreed', $icon-normal, 1, false);
|
||||
|
||||
@include icon-color-theming('star', 'mail', $icon-normal, 1, false);
|
||||
@include icon-color-theming('drafts', 'mail', $icon-normal, 1, false);
|
||||
@include icon-color-theming('sent', 'mail', $icon-normal, 1, false);
|
||||
@include icon-color-theming('junk', 'mail', $icon-normal, 1, false);
|
||||
@include icon-color-theming('archive', 'mail', $icon-normal, 1, false);
|
||||
@include icon-color-theming('forward', 'mail', $icon-normal, 1, false);
|
||||
|
||||
@include icon-color-theming('announcementcenter', 'announcementcenter', $icon-normal, 1, false);
|
||||
@include icon-color-theming('notifications-off', 'announcementcenter', $icon-normal, 1, false);
|
||||
|
||||
@include icon-color-theming('social-diaspora', 'federatedfilesharing', $icon-normal, 1, false);
|
||||
@include icon-color-theming('social-twitter', 'federatedfilesharing', $icon-normal, 1, false);
|
||||
@include icon-color-theming('social-facebook', 'federatedfilesharing', $icon-normal, 1, false);
|
||||
|
||||
@include icon-color-theming('circles', 'circles', $icon-normal, 1, false);
|
||||
|
||||
@include icon-color-theming('previous', 'audioplayer', $icon-normal, 1, false);
|
||||
@include icon-color-theming('play', 'audioplayer', $icon-normal, 1, false);
|
||||
@include icon-color-theming('pause', 'audioplayer', $icon-normal, 1, false);
|
||||
@include icon-color-theming('next', 'audioplayer', $icon-normal, 1, false);
|
||||
@include icon-color-theming('volume', 'audioplayer', $icon-normal, 1, false);
|
||||
@include icon-color-theming('repeat', 'audioplayer', $icon-normal, 1, false);
|
||||
@include icon-color-theming('shuffle', 'audioplayer', $icon-normal, 1, false);
|
||||
|
||||
@include icon-color-theming('leftarrow', 'calendar', $icon-normal, 1, false);
|
||||
@include icon-color-theming('rightarrow', 'calendar', $icon-normal, 1, false);
|
||||
@include icon-color-theming('view-module', 'calendar', $icon-normal, 1, false);
|
||||
@include icon-color-theming('view-day', 'calendar', $icon-normal, 1, false);
|
||||
@include icon-color-theming('view-week', 'calendar', $icon-normal, 1, false);
|
||||
@include icon-color-theming('embed', 'calendar', $icon-normal, 1, false);
|
||||
@include icon-color-theming('new-calendar', 'calendar', $icon-normal, 1, false);
|
||||
@include icon-color-theming('new-calendar-with-task-list', 'calendar', $icon-normal, 1, false);
|
||||
@include icon-color-theming('eye', 'calendar', $icon-normal, 1, false);
|
||||
@include icon-color-theming('briefcase', 'calendar', $icon-normal, 1, false);
|
||||
@include icon-color-theming('reminder', 'calendar', $icon-normal, 1, false);
|
||||
@include icon-color-theming('repeat', 'calendar', $icon-normal, 1, false);
|
||||
@include icon-color-theming('timezone', 'calendar', $icon-normal, 1, false);
|
||||
@include icon-color-theming('color-picker', 'calendar', $icon-normal, 1, false);
|
||||
|
||||
@include icon-color-theming('yourphotos', 'photos', $icon-normal, 1, false);
|
||||
|
||||
@include icon-color-theming('icon-start', 'tasks', $icon-normal, 1, false);
|
||||
@include icon-color-theming('icon-due', 'tasks', $icon-normal, 1, false);
|
||||
@include icon-color-theming('icon-list', 'tasks', $icon-normal, 1, false);
|
||||
@include icon-color-theming('icon-task-star', 'tasks', $icon-normal, 1, false);
|
||||
@include icon-color-theming('icon-due', 'tasks', $icon-normal, 1, false);
|
||||
@include icon-color-theming('icon-alphabetically', 'tasks', $icon-normal, 1, false);
|
||||
@include icon-color-theming('icon-subtasks-visible', 'tasks', $icon-normal, 1, false);
|
||||
@include icon-color-theming('icon-subtasks-hidden', 'tasks', $icon-normal, 1, false);
|
||||
@include icon-color-theming('icon-list-down', 'tasks', $icon-normal, 1, false);
|
||||
@include icon-color-theming('icon-list-up', 'tasks', $icon-normal, 1, false);
|
||||
@include icon-color-theming('icon-manual', 'tasks', $icon-normal, 1, false);
|
||||
|
||||
@include icon-color-theming('rename', 'bbb', $icon-normal, 1, false);
|
||||
|
||||
// Manual icons
|
||||
|
||||
// Mail
|
||||
--icon-mail-inbox-f2f2f2: var(--icon-home-f2f2f2);
|
||||
--icon-mail-trash-f2f2f2: var(--icon-delete-f2f2f2);
|
||||
|
||||
// News
|
||||
--icon-news-unpinned-f2f2f2: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KIDxnIGZpbGw9IiNmMmYyZjIiPgogIDxyZWN0IHg9IjIuODI1MSIgeT0iLjQxMjU1IiB3aWR0aD0iMTAuMzUiIGhlaWdodD0iMS4xODgxIiByeT0iLjE4ODkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSIjZjJmMmYyIiBzdHJva2Utd2lkdGg9Ii42ODA4NHB4Ii8+CiAgPHBhdGggZD0ibTUuMTI4NyAxLjkxMzNoNS43NDI2bC0wLjE4ODkgNi44MDA1aC01LjM0NTl6Ii8+CiAgPHBhdGggZD0ibTMuMTM1OCA4LjQzMDVoOS43Mjg1YzEuMjI3OSAwLjQ1MzM2IDEuMzAzNCAxLjQzNTcgMS4zMDM0IDEuNDM1N2gtMTIuMzM1czAuMDM3NzgtMC45NjM0IDEuMzAzNC0xLjQzNTd6Ii8+CiAgPHJlY3QgeD0iNy41MTgzIiB5PSI4LjYxMDUiIHdpZHRoPSIuOTYzNCIgaGVpZ2h0PSI3LjMxNzQiLz4KIDwvZz4KPC9zdmc+Cg==);
|
||||
--icon-news-pinned-f2f2f2: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KIDxnIGZpbGw9IiNmMmYyZjIiPgogIDxyZWN0IHg9IjIuODI1MSIgeT0iLjQxMjU1IiB3aWR0aD0iMTAuMzUiIGhlaWdodD0iMS4xODgxIiByeT0iLjE4ODkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSIjZjJmMmYyIiBzdHJva2Utd2lkdGg9Ii42ODA4NHB4Ii8+CiAgPHBhdGggZD0ibTUuMTI4NyAxLjkxMzNoNS43NDI2bC0wLjE4ODkgNi44MDA1aC01LjM0NTl6Ii8+CiAgPHBhdGggZD0ibTMuMTM1OCA4LjQzMDVoOS43Mjg1YzEuMjI3OSAwLjQ1MzM2IDEuMzAzNCAxLjQzNTcgMS4zMDM0IDEuNDM1N2gtMTIuMzM1czAuMDM3NzgtMC45NjM0IDEuMzAzNC0xLjQzNTd6Ii8+CiAgPHJlY3QgeD0iNy41MTgzIiB5PSI5Ljc4NiIgd2lkdGg9Ii45NjM0IiBoZWlnaHQ9IjQuOTY2NSIvPgogIDxyZWN0IHg9IjEuMTc0NCIgeT0iMTIuMTgiIHdpZHRoPSIxMy42NTEiIGhlaWdodD0iMS4zODkyIi8+CiA8L2c+Cjwvc3ZnPgo=);
|
||||
--icon-news-nonfulltext-f2f2f2: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZlcnNpb249IjEuMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KIDxwYXRoIGQ9Im0zIDJjLTAuNTU0IDAtMSAwLjQ0Ni0xIDF2MmMwIDAuNTU0IDAuNDQ2IDEgMSAxaDI2YzAuNTU0IDAgMS0wLjQ0NiAxLTF2LTJjMC0wLjU1NC0wLjQ0Ni0xLTEtMWgtMjZ6IiBmaWxsPSIjZjJmMmYyIi8+CiA8cGF0aCBkPSJtMyAxMGMtMC41NTQgMC0xIDAuNDQ2LTEgMXYyYzAgMC41NTQgMC40NDYgMSAxIDFoMThjMC41NTQgMCAxLTAuNDQ2IDEtMXYtMmMwLTAuNTU0LTAuNDQ2LTEtMS0xaC0xOHoiIGZpbGw9IiNmMmYyZjIiLz4KPC9zdmc+Cg==);
|
||||
--icon-news-fulltext-f2f2f2: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZlcnNpb249IjEuMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KIDxwYXRoIGQ9Im0zIDJjLTAuNTU0IDAtMSAwLjQ0Ni0xIDF2MmMwIDAuNTU0IDAuNDQ2IDEgMSAxaDI2YzAuNTU0IDAgMS0wLjQ0NiAxLTF2LTJjMC0wLjU1NC0wLjQ0Ni0xLTEtMWgtMjZ6bTAgOGMtMC41NTQgMC0xIDAuNDQ2LTEgMXYyYzAgMC41NTQgMC40NDYgMSAxIDFoMThjMC41NTQgMCAxLTAuNDQ2IDEtMXYtMmMwLTAuNTU0LTAuNDQ2LTEtMS0xaC0xOHptMCA4Yy0wLjU1NCAwLTEgMC40NDYtMSAxdjJjMCAwLjU1NCAwLjQ0NiAxIDEgMWgyNGMwLjU1NCAwIDEtMC40NDYgMS0xdi0yYzAtMC41NTQtMC40NDYtMS0xLTFoLTI0em0wIDhjLTAuNTU0IDAtMSAwLjQ0Ni0xIDF2MmMwIDAuNTU0IDAuNDQ2IDEgMSAxaDEyYzAuNTU0IDAgMS0wLjQ0NiAxLTF2LTJjMC0wLjU1NC0wLjQ0Ni0xLTEtMWgtMTJ6IiBmaWxsPSIjZjJmMmYyIi8+Cjwvc3ZnPgo=);
|
||||
--icon-news-updatemodedefault-f2f2f2: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkzLjQyMiAtNDY2LjY2KSIgZmlsbD0iI2YyZjJmMiI+CiAgPHBhdGggZD0ibS04My44OTcgNDY4Ljc0Yy0zLjk1MDIgMC02LjUzNDkgMy40NDY5LTYuMzY0MyA2LjcyMTNoLTIuMTYwOGwzLjkwNCAzLjkxNzQgNC4wODEzLTMuODcyMmgtMi4xNDg5Yy0wLjIzNzA1LTEuNzAwOSAxLjE2MzUtMy4xMTQ1IDIuNjg4Ny0zLjA5MjEgMS41OTY1IDAuMDIzNSAyLjgwMDYgMS4yMjkyIDIuODAwNiAyLjczMzQgMC4wODk2MSAxLjU5MzgtMS42Mjk0IDMuNDI3OS0zLjk2NTQgMi41MzE3LTguM2UtNSAxLjIyODEgMC4wMDI3IDIuNTQzOSAwIDMuNzY0IDQuMTg5NCAwLjgyODk2IDcuNjM5OC0yLjUwOTUgNy42Mzk4LTYuMjUwOSAwLTMuNTYyMS0yLjkxODgtNi40NTI1LTYuNDc0OS02LjQ1MjV6IiBmaWxsPSIjZjJmMmYyIi8+CiA8L2c+Cjwvc3ZnPgo=);
|
||||
--icon-news-updatemodeunread-f2f2f2: var(--icon-news-updatemodedefault-000);
|
||||
|
||||
// Deck
|
||||
--icon-deck-filter_set-f2f2f2: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0LjIzMyA0LjIzMyIgaGVpZ2h0PSIxNiIgd2lkdGg9IjE2Ij48cGF0aCBkPSJNLjUyLjQ2NWgzLjI4M0wyLjYzMSAxLjkxOGgtLjk5em0xLjEyMiAxLjQ1M2guOTkydjEuODY2bC0uOTk2LS40NTV6IiBwYWludC1vcmRlcj0ic3Ryb2tlIGZpbGwgbWFya2VycyIgZmlsbD0iI2YyZjJmMiIvPjxlbGxpcHNlIHJ5PSIuNjkxIiByeD0iLjY3NCIgY3k9IjMuNDYxIiBjeD0iMy40NSIgZmlsbD0iI2YyZjJmMiIvPjwvc3ZnPgo=);
|
||||
|
||||
// ojsxc - icons from here https://github.com/jsxc/jsxc
|
||||
// color changed to #f2f2f2 and convert to base64
|
||||
--icon-ojsxc-help-f2f2f2: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHRleHQgc3R5bGU9ImxpbmUtaGVpZ2h0OjEyNSU7LWlua3NjYXBlLWZvbnQtc3BlY2lmaWNhdGlvbjpBYnlzc2luaWNhIFNJTCIgeD0iMi40NDQiIHk9IjEwNTEuNzM5IiBmb250LXNpemU9IjEuODA4IiBmb250LXdlaWdodD0iNDAwIiBsZXR0ZXItc3BhY2luZz0iMCIgd29yZC1zcGFjaW5nPSIwIiBmb250LWZhbWlseT0iQWJ5c3NpbmljYSBTSUwiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTEwMzYuMzYyKSIgZmlsbD0iI2YyZjJmMiI+PHRzcGFuIHg9IjIuNDQ0IiB5PSIxMDUxLjczOSIgZm9udC1zaXplPSIyMi41OTkiPj88L3RzcGFuPjwvdGV4dD48L3N2Zz4=);
|
||||
--icon-ojsxc-contact-f2f2f2: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDAwMCA0NDAwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pbllNaW4gbWVldCIgd2lkdGg9IjQ0IiBoZWlnaHQ9IjQ0Ij48cGF0aCBkPSJNMjIwMDYuMTEyIDBjLTIzMTUuODIzIDEyOC42NzgtNDMwOS4yMDMgOTk3LjM5NS01OTgxLjc0MyAyNjA1LjY2NC0xNjcyLjUzOSAxNjA4LjIyNS0yODMwLjg4OCAzNTA1LjAzNC0zNDc0LjE3MyA1NjkyLjE5Ny03NzEuOTQxIDI5NTkuMTQtNTE0LjUzIDU5ODIuMTUzIDc3Mi4wMzggOTA2OS45MjYgMTAyOS4yNTUgMTkyOS44NTIgMjM4MC42NjQgMzQ3NC4yOTMgNDA1My4yMDMgNDYzMi4yMTNsLTM2NjcuMTgzIDE3MzcuMDgtOTY0OC45MjYgNDQzOS4yMTljLTEwMjkuMjU1IDUxNC42MjEtMTU0NC4wNzggMTM0OS42NzQtMTU0NC4wNzggMjUwNy41OTR2OTA3MS40MzJDMjM4Ni41OTQgNDI0NTcuMTEgMzE1OC44MjYgNDM4NzEuMzIyIDQ4MzEuMzY2IDQ0MDAwaDM0NTQ0LjA1OGM3NzEuOTQxLTI1Ny4zMTEgMTMxOC45MDctNjQzLjQzMiAxNjQwLjU4Mi0xMTU4LjA1MyAzMjEuNjc0LTUxNC42NjYgNDgyLjUyNC05MzIuOTkgNDgyLjUyNC0xMjU0LjU3M1YzMDY4My44OTNjMC0xMTU3LjkyLTQ1MC40Ny0xOTI4LjYxMi0xMzUxLjA2Ny0yMzE0LjU1NmwtOTI2Mi45MDctNDYzMi4yNTctNDA1My4yMDMtMTkzMC4wNzRjMjQ0NC40ODEtMTQxNS4yMzEgNDA1My4zLTM4NTkuMDg1IDQ4MjUuMjQxLTczMzIuODQ2IDUxNC42MjgtMTkyOS44NTMgNTE0LjYyOC0zOTI0Ljc3NSAwLTU5ODMuMjYtNjQzLjI4My0yMzE1Ljg0MS0xODMzLjg0My00Mjc3LjAxLTM1NzAuNjc4LTU4ODUuMjM2QzI2MzQ5LjA4MiA5OTcuMzk0IDI0MzIyLjAwMiAxMjguNjc4IDIyMDA2LjExMiAwem0tMTYyNi41NzMgMjYxMTcuMDE2aDMxMzcuOTYzdjUzNTQuNDQ2aDU0NTcuMTkydjMxNjcuNTQ4aC01NDU3LjE5MnY1MzcwLjAzOGgtMzEzNy45NjNWMzQ2MzkuMDFoLTUzNTQuNDYxdi0zMTY3LjU0OGg1MzU0LjQ2MXoiIGZpbGw9IiNmMmYyZjIiLz48L3N2Zz4=);
|
||||
--icon-ojsxc-groupcontact-f2f2f2: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAwIDEwMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaW5ZTWluIG1lZXQiIHN0eWxlPSJ3aWR0aDo1MTJweDtoZWlnaHQ6NTEycHgiPjxwYXRoIGQ9Ik00OTcuNjg4IDE3Mi40NjljLTM2LjM0NyAyLjAxOS02Ny42NTYgMTUuNjMzLTkzLjkwNyA0MC44NzUtMjYuMjUgMjUuMjQxLTQ0LjQwMyA1NS4wNDctNTQuNSA4OS4zNzUtMTIuMTE1IDQ2LjQ0My04LjA5OSA5My44OCAxMi4wOTQgMTQyLjM0NCAxNi4xNTQgMzAuMjg5IDM3LjM3NCA1NC41MTQgNjMuNjI1IDcyLjY4N2wtNTcuNTYzIDI3LjI4MUwyMTYgNjE0LjY4OGMtMTYuMTU0IDguMDc3LTI0LjIxOSAyMS4yMDEtMjQuMjE5IDM5LjM3NXYxNDIuMzQzYy0yLjAxOSA0Mi40MDUgMTAuMDkzIDY0LjYzNyAzNi4zNDQgNjYuNjU3aDU0Mi4xNTZjMTIuMTE2LTQuMDM5IDIwLjcwMi0xMC4xMSAyNS43NS0xOC4xODggNS4wNDktOC4wNzcgNy41OTQtMTQuNjQgNy41OTQtMTkuNjg4VjY1NC4wNjNjMC0xOC4xNzMtNy4wODQtMzAuMjg1LTIxLjIxOS0zNi4zNDNMNjM3LjAzMSA1NDUuMDNsLTYzLjYyNS0zMC4zMTJjMzguMzY2LTIyLjIxMiA2My42MDMtNjAuNTc0IDc1LjcxOS0xMTUuMDk0IDguMDc3LTMwLjI5IDguMDc3LTYxLjU5OCAwLTkzLjkwNi0xMC4wOTYtMzYuMzQ3LTI4Ljc3Mi02Ny4xMzQtNTYuMDMxLTkyLjM3NS0yNy4yNi0yNS4yNDItNTkuMDU5LTM4Ljg1Ni05NS40MDctNDAuODc1ek0yNDYuMjggMjM5LjA5NGMtMzguMzY2IDIuMDE5LTY4LjYzMSAxNy42NTgtOTAuODQ0IDQ2LjkzNy0yMi4yMTIgMjkuMjgtMzMuMzQzIDYyLjA5LTMzLjM0MyA5OC40MzggMi4wMTkgNjIuNTk3IDI0LjI1MSAxMDcuMDMgNjYuNjU2IDEzMy4yODFMMTYuMDk0IDU5Ni41QzUuOTk3IDYwMi41NTguOTM3IDYxMi42NDYuOTM3IDYyNi43ODF2MTM2LjMxM2MwIDIyLjIxMiA5LjEwOCAzMy4zMTIgMjcuMjgyIDMzLjMxMkgxNDAuMjhWNjU0LjA2M2MwLTE4LjE3NCA0LjUzOC0zNC44MjUgMTMuNjI1LTQ5Ljk3IDkuMDg3LTE1LjE0MyAyMS43MjEtMjYuNzY1IDM3Ljg3NS0zNC44NDNsMTE1LjA5NC01NC41MzFjMTAuMDk2LTYuMDU4IDE4LjE2LTEzLjExIDI0LjIxOS0yMS4xODgtMTIuMTE2LTE4LjE3My0yMi4yMDQtMzkuMzkzLTMwLjI4MS02My42MjUtOC4wNzgtMjQuMjMxLTEyLjEyNS00OS40NjgtMTIuMTI1LTc1LjcxOSAwLTE2LjE1NCAyLjAyMy0zMi4zMTQgNi4wNjItNDguNDY4IDQuMDM5LTE2LjE1NCA5LjA5OC0zMS4yNzIgMTUuMTU2LTQ1LjQwNi0yMC4xOTItMTQuMTM1LTQxLjQxMy0yMS4yMi02My42MjUtMjEuMjJ6bTUwOC44NzUgMGMtMjIuMjEyIDAtNDQuNDQ0IDcuMDg0LTY2LjY1NiAyMS4yMTkgMTIuMTE2IDMwLjI4OSAxOC4xODggNjEuNTY2IDE4LjE4OCA5My44NzUgMCA1MC40ODEtMTMuMTI1IDk2LjkzOC0zOS4zNzUgMTM5LjM0MyA4LjA3NyA4LjA3NyAxOC4xNjUgMTYuMTQyIDMwLjI4IDI0LjIxOSAxMi4xMTYgOC4wNzcgMjMuMjE3IDE0LjE0OSAzMy4zMTMgMTguMTg4IDEwLjA5NyA0LjAzOCAyMy4yMjEgOS41ODggMzkuMzc1IDE2LjY1NnMyOC4yNjcgMTIuNjE3IDM2LjM0NCAxNi42NTZjMTYuMTU0IDguMDc3IDI4Ljc4OCAxOS42OTkgMzcuODc1IDM0Ljg0NHMxMy42MjUgMzEuNzk2IDEzLjYyNSA0OS45Njh2MTQyLjM0NGgxMTUuMDk0YzE4LjE3My0yLjAxOSAyNy4yODEtMTMuMTIgMjcuMjgxLTMzLjMxMlY2MjYuNzhjMC0xNC4xMzUtNS4wNi0yNC4yMjMtMTUuMTU2LTMwLjI4MWwtMTY5LjYyNS04MS43ODFjNDIuNDA1LTMwLjI5IDYzLjYyNS03My43MSA2My42MjUtMTMwLjI1IDAtMzguMzY2LTEyLjExMy03Mi4xNTktMzYuMzQ0LTEwMS40MzgtMjQuMjMxLTI5LjI3OS01My41MTYtNDMuOTM2LTg3Ljg0NC00My45Mzd6TTQ3NC42MjUgNTg0Ljg3NWg0OS4xNTZ2ODMuOTA2aDg1LjQ2OXY0OS41OTRoLTg1LjQ2OXY4NC4wOTRoLTQ5LjE1NnYtODQuMDk0SDM5MC43NXYtNDkuNTk0aDgzLjg3NXYtODMuOTA2eiIgZmlsbD0iI2YyZjJmMiIvPjwvc3ZnPg==);
|
||||
--icon-ojsxc-gear-f2f2f2: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NCIgaGVpZ2h0PSI0NCI+PHBhdGggZD0iTTIxLjk2MSA0Mi45OTFjLS4yMjYtLjU2Ni0uNDEzLTEuNzQ2LS40MTUtMi42MjMtLjAwNS0yLjQ1Mi0uMTItMi42NzUtMS41MTktMi45NzUtLjY2Ny0uMTQ0LTEuOTUxLS4zMzYtMi44NTMtLjQyN2wtMS42MzktLjE2Ni0uNzIyIDEuOTA0Yy0uNyAxLjg0Ni0xLjY4OCAzLjI2OC0yLjI3MSAzLjI2OC0uMzExIDAtMy4xMTQtMS41NTgtMy44ODQtMi4xNTktLjc1My0uNTg3LS4zNDYtMS44MjYgMS4yNS0zLjgxbDEuNDA2LTEuNzQ1LTEuMTQ0LTEuNDUzYy0uNjMtLjgtMS40NzctMS44NDctMS44ODUtMi4zMjhsLS43NC0uODc0LTIuMjA5IDEuMTk0Yy0xLjIxNS42NTctMi40NDcgMS4xOTQtMi43MzcgMS4xOTQtLjU4NiAwLTEuNDk0LTEuNzEtMi4wOC0zLjkyMi0uMzE3LTEuMTkzLS4zMDctMS4yNS4zMDYtMS43MTMuMzQ5LS4yNjMgMS42NDItLjY4MyAyLjg3My0uOTMybDIuMjQtLjQ1M3YtNS45ODZsLTEuODU2LS4zMmMtMS4wMi0uMTc2LTIuMy0uNTQxLTIuODQ1LS44MTItLjktLjQ0Ni0uOTc4LS41NjUtLjg1OC0xLjMwNC4wNzItLjQ0Ny40NTYtMS42NDcuODUzLTIuNjY2LjY0NC0xLjY1NS43OTQtMS44NTQgMS40LTEuODU0LjM3NCAwIDEuNjMuNTM5IDIuNzkzIDEuMTk3bDIuMTE0IDEuMTk4Ljc0Ny0uODc4YzEuNjI4LTEuOTE0IDIuNzctMy41MDEgMi43Ny0zLjg0OSAwLS4yLS40Ny0uOTM0LTEuMDQ0LTEuNjNDOC43OTQgNi41OTYgOC4yNCA1LjYwNCA4LjI0IDQuODk1YzAtLjU3NiAzLjQtMi44NDcgNC4yNi0yLjg0Ny42NSAwIDEuNDE1IDEuMDQ0IDIuMjcyIDMuMTAxLjM3NS44OTkuNzggMS43MzcuOSAxLjg2My4xMjcuMTM0IDEuMzkxLjA0IDMuMDQ3LS4yMjdsMi44My0uNDU1VjQuMTk0YzAtMS4zNjYuMTQ4LTIuNTA3LjQxMS0zLjE2NUMyMi4zNDcuMDY0IDIyLjQzOCAwIDIzLjQxMSAwYy41NzIgMCAxLjc2OS4xMjcgMi42Ni4yODJsMS42Mi4yODJ2MS4yNGMwIC42ODMtLjI5NiAyLjE3OS0uNjU4IDMuMzI1LS4zNjIgMS4xNDctLjYyMSAyLjEyLS41NzYgMi4xNjIuMDQ2LjA0MiAxLjIyMy42ODQgMi42MTYgMS40MjdsMi41MzQgMS4zNSAxLjU2MS0xLjY5YzEuNDc2LTEuNTk4IDIuNzUyLTIuNDkyIDMuNTU5LTIuNDkyLjMyIDAgMy4yNSAzLjIyOSAzLjI1IDMuNTgxIDAgLjQ3Ni0xLjg4NSAyLjI3Ni0zLjM5NSAzLjI0NC0xLjYzIDEuMDQ2LTEuNzYgMS4xOTItMS42IDEuODIzLjI4IDEuMTIyIDEuNjg0IDQuNjQxIDEuOTA1IDQuNzc3LjExMi4wNyAxLjE3NC0uMDA0IDIuMzYtLjE2MiAxLjc5LS4yNCAyLjM1LS4yMjQgMy4yOTguMDkybDEuMTQyLjM4djQuNzk4bC0xLjE1Mi4zNGMtLjkyNy4yNzItMS41OS4yOC0zLjQwNC4wMzYtMS4zMjktLjE3OC0yLjMzOS0uMjA4LTIuNDYzLS4wNzItLjM1LjM4Mi0xLjg2IDUuMTktMS43MDYgNS40MzguMDc4LjEyNy45MzEuNyAxLjg5NSAxLjI3MiAxLjEyLjY2NSAyLjAwMyAxLjQyIDIuNDQ2IDIuMDlsLjY5NCAxLjA0OC0uNTEzLjY1MmMtLjc4NiAxLTIuMjI2IDIuNTY0LTIuNTM1IDIuNzU1LS41OTEuMzY2LTIuMjc0LS42ODMtMy44ODMtMi40MTlsLTEuNjYzLTEuNzk1LTIuNDMyIDEuNDU3Yy0xLjMzNy44LTIuNDcyIDEuNDg5LTIuNTIxIDEuNTI4LS4wNS4wNC4yMTYuOTkzLjU5IDIuMTE3LjQ1OCAxLjM3NS42NTUgMi40NS42MDIgMy4yOGwtLjA3OCAxLjIzNC0xLjQwOC4yOTVjLS43NzQuMTYzLTEuOTQyLjMwNy0yLjU5NS4zMi0xLjE1Ni4wMjQtMS4yLS4wMDMtMS42LTEuMDA0em0zLjUxMy0xMy4xNDNjNi4xMDEtMi45ODUgNi40MzUtMTIuMDI3LjU2OS0xNS4zNzctMi4yNTQtMS4yODgtNS41OTgtMS40NTUtNy45OTQtLjQtMS40NzUuNjUtMy4zMjMgMi40Mi00LjEzNyAzLjk2Mi0uNjEyIDEuMTYtLjY4IDEuNTYxLS42OCAzLjk3NyAwIDIuMzEyLjA4MiAyLjg0LjU4NyAzLjc4NiAxLjI1IDIuMzQ0IDMuMzcyIDQuMDI0IDUuODc0IDQuNjUzIDEuNjY4LjQyIDQuMjQyLjE1MiA1Ljc4MS0uNjAxeiIgZmlsbD0iI2YyZjJmMiIvPjwvc3ZnPg==);
|
||||
|
||||
// BBB
|
||||
--icon-bbb-chain-plus-f2f2f2: url(data:image/svg+xml;base64,PHN2ZyB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIiB2ZXJzaW9uPSIxLjEiIGlkPSJFYmVuZV8yIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMyIDMyIiB4bWw6c3BhY2U9InByZXNlcnZlIiBzb2RpcG9kaTpkb2NuYW1lPSJjaGFpbi1wbHVzLnN2ZyIgaW5rc2NhcGU6dmVyc2lvbj0iMC45Mi41ICgyMDYwZWMxZjlmLCAyMDIwLTA0LTA4KSIgZmlsbD0iI2YyZjJmMiI+PG1ldGFkYXRhIGlkPSJtZXRhZGF0YTE2Ij48cmRmOlJERj48Y2M6V29yayByZGY6YWJvdXQ9IiI+PGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+PGRjOnR5cGUgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIvPjxkYzp0aXRsZS8+PC9jYzpXb3JrPjwvcmRmOlJERj48L21ldGFkYXRhPjxkZWZzIGlkPSJkZWZzMTQiPgoJCgkKCQoJCjwvZGVmcz48c29kaXBvZGk6bmFtZWR2aWV3IHBhZ2Vjb2xvcj0iI2ZmZmZmZiIgYm9yZGVyY29sb3I9IiM2NjY2NjYiIGJvcmRlcm9wYWNpdHk9IjEiIG9iamVjdHRvbGVyYW5jZT0iMTAiIGdyaWR0b2xlcmFuY2U9IjEwIiBndWlkZXRvbGVyYW5jZT0iMTAiIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIiBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIiBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjEzMjciIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9Ijk4NiIgaWQ9Im5hbWVkdmlldzEyIiBzaG93Z3JpZD0iZmFsc2UiIGlua3NjYXBlOnpvb209IjcuMzc1IiBpbmtzY2FwZTpjeD0iLTEwLjQ0MDY3OCIgaW5rc2NhcGU6Y3k9IjIyLjUzNjY5NiIgaW5rc2NhcGU6d2luZG93LXg9IjIwNzkiIGlua3NjYXBlOndpbmRvdy15PSI3NTQiIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjAiIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9IkViZW5lXzIiLz4KPHBhdGggaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIgaWQ9InBhdGg0IiBkPSJNIDEuNjEwNjQ3NywxNC4zMDQ2OTEgQyAwLjM3NjQ2NTY5LDEzLjY5Njc2MSAtMC4yMzE0NjQ3MywxMi4yMDI3NTEgMC4wODExMDU4OSwxMC41MTYwOTEgMC4yMTk5MDI3OSw5Ljc2ODgwODUgMi40NDQ1Mzk1LDcuMzM1OTc2NCAzLjM4MzM2MTcsNi44ODQ2MDg5IDMuOTkxMjkyMiw2LjYwNjQ1OTkgNS45MjA1NjkxLDYuNTAyNjM5OCA1LjkyMDU2OTEsNi43NDUyNTY4IGMgMCwwLjIyNTk2MTMgLTEuMjg2MzY5NywxLjM3Mjk3ODkgLTEuNjY4MzM4OCwxLjQ5NDU2NSBDIDQuMDQ0MDM1LDguMzA5MjIwMyAzLjM2NjE1MDksOC44ODI3MjkgMi43MjI2ODg1LDkuNTQzNDAyMyAxLjY4MDYwMTQsMTAuNjM4Nzg3IDEuNTc2MjI2MSwxMC44MTIwMDYgMS41NzYyMjYxLDExLjQ3MjY3OSBjIDAsMC45MzgyNjcgMC42MjU2OTY0LDEuNTYzOTY0IDEuNTgxNzI5NSwxLjU2Mzk2NCAwLjU5MDcxOTYsMCAwLjgxNjY4MDksLTAuMTM4Nzk3IDEuODc3MDg5MiwtMS4xNDcwMTggMC42NzczMjg5LC0wLjYyNTY5NiAxLjI2ODA0ODUsLTEuMzAzNTggMS4zMzgwMDIyLC0xLjUxMTc3NiAwLjEyMTU4NiwtMC40MDAyOSAxLjI1MDgzNzYsLTEuNjg1NTQ5MyAxLjQ5NDU2NSwtMS42ODU1NDkzIDAuMjA4NzUwNSwwIDAuMTc0MzI4OSwxLjgwNzEzNTMgLTAuMDM0OTc3LDIuMzYyMzIzMyAtMC4yNDMxNzIsMC42MjY4MDcgLTIuNTAyNzg1NSwyLjkzNzQ5OCAtMy4yMTU2NDY0LDMuMjY4Mzg5IC0wLjc0NjcyNzMsMC4zNjQ3NTkgLTIuMjc2MjY5MiwwLjM0NzU0OCAtMy4wMDYzNDA5LC0wLjAxODMyIHoiIHN0eWxlPSIiLz48cGF0aCBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIiBpZD0icGF0aDYiIGQ9Ik0gNC43MDQxNTMsOS45MDgxNjA1IEMgNC41MTMxNjg1LDkuNzE3MTc2IDQuMzU2NjA1Niw5LjQ3MzQ0ODcgNC4zNTY2MDU2LDkuMzUyNDE3OCBjIDAsLTAuMTIyMTQxMyAxLjA3NzYxOTEsLTEuMjg2MzY5NyAyLjM5ODQxMDQsLTIuNjA3MTYxIEMgOC43NTI1ODEsNC43NDY1ODE0IDkuMjA1NjE0MSw0LjM4MTgyMzIgOS41MzUzOTU1LDQuNDY4NDMyNCAxMC4wMjIyOTUsNC41OTAwMTg1IDEwLjI2NDM1Nyw1LjAyNDczMDQgMTAuMDkxMTM4LDUuNDc2MDk3OSA5LjkxNzM2NDYsNS45MTAyNTQ2IDUuNTIwODM0LDEwLjI1NTE1MyA1LjI1OTg5NTgsMTAuMjU1MTUzIDUuMTM4MzA5NywxMC4yNTU3MDggNC44OTUxMzc2LDEwLjA5OTE0NSA0LjcwNDE1Myw5LjkwODE2MDUgWiIgc3R5bGU9IiIvPjxwYXRoIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiIGlkPSJwYXRoOCIgZD0ibSA4LjcwMjA1ODksNy44NTc4NTI3IGMgMCwtMC4yNDM3MjczIDEuMjg1MjU5MywtMS4zNzI5Nzg5IDEuNjg0OTk0MSwtMS40OTQ1NjUgMC4yMDg3NTEsLTAuMDY5Mzk4IDAuODg2NjM1LC0wLjY2MDExOCAxLjUxMjMzMSwtMS4zMzgwMDIxIDEuMDA3NjY2LC0xLjA2MDQwODMgMS4xNDcwMTgsLTEuMjg1ODE0NSAxLjE0NzAxOCwtMS44NzcwODkzIDAsLTAuOTU1NDc3OCAtMC42MjU2OTcsLTEuNTgxNzI5NCAtMS41NjQ1MTksLTEuNTgxNzI5NCAtMC42NjA2NzMsMCAtMC44MzMzMzYsMC4xMDQzNzUyIC0xLjkyOTI3NjcsMS4xNDcwMTc1IEMgOC44OTMwNDM1LDMuMzU2MzkxNyA4LjMxODk3OTUsNC4wMzQyNzU3IDguMjQ5NTgxLDQuMjQzMDI2MyA4LjEyNzk5NSw0LjYyNDk5NTMgNi45ODA0MjIyLDUuOTEwODA5OCA2Ljc1NTAxNiw1LjkxMDgwOTggNi41MTEyODg3LDUuOTEwODA5OCA2LjYxNTY2MzksMy45ODIwODgxIDYuODkzODEyOSwzLjM5MDgxMzMgNy4yMjQxNDk2LDIuNjc4NTA3NiA5LjUzNTM5NTUsMC40MTg4OTQwOSAxMC4xNjA1MzcsMC4xNzU3MjE5MiAxMC44NzI4NDIsLTAuMDg1MjE2MjUgMTIuMzE1Nzc1LC0wLjAzMzAyODYyIDEyLjk5MzY1OSwwLjI4MDA5NzE5IDE0LjI0NTA1MiwwLjg4ODU4MjggMTQuODUzNTM4LDIuMzgzMTQ3OCAxNC41NDA0MTIsNC4wODU5MDgyIDE0LjQwMTA2LDQuODMzMTkwNyAxMi4xNzY0MjMsNy4yNjY1Nzc5IDExLjIzODcxMSw3LjcxODUwMDcgMTAuNjI5NjcsNy45OTcyMDQ4IDguNzAyMDU4OSw4LjEwMTAyNDkgOC43MDIwNTg5LDcuODU3ODUyNyBaIiBzdHlsZT0iIi8+Cjx0ZXh0IHhtbDpzcGFjZT0icHJlc2VydmUiIHN0eWxlPSIiIHg9IjkuMDQyMjM4MiIgeT0iMTcuMDA2NDY4IiBpZD0idGV4dDQ1NjAiPjx0c3BhbiBzb2RpcG9kaTpyb2xlPSJsaW5lIiBpZD0idHNwYW40NTU4IiB4PSI5LjA0MjIzODIiIHk9IjE3LjAwNjQ2OCIgc3R5bGU9IiI+KzwvdHNwYW4+PC90ZXh0Pgo8L3N2Zz4=);
|
||||
}
|
|
@ -8,129 +8,129 @@
|
|||
|
||||
.icon-home,
|
||||
#oc-dialog-filepicker-content .dirtree div:first-child a {
|
||||
background-image: var(--icon-home-f2f2f2) !important;
|
||||
background-image: var(--icon-home-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-contacts,
|
||||
.icon-contacts-dark {
|
||||
background-image: var(--icon-contacts-f2f2f2) !important;
|
||||
background-image: var(--icon-contacts-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-link {
|
||||
background-image: var(--icon-link-f2f2f2) !important;
|
||||
background-image: var(--icon-link-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-calendar,
|
||||
.icon-calendar-dark {
|
||||
background-image: var(--icon-calendar-f2f2f2) !important;
|
||||
background-image: var(--icon-calendar-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-picture {
|
||||
background-image: var(--icon-picture-f2f2f2) !important;
|
||||
background-image: var(--icon-picture-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-files,
|
||||
.icon-files-dark {
|
||||
background-image: var(--icon-files-f2f2f2) !important;
|
||||
background-image: var(--icon-files-f2f2f2) !important;
|
||||
}
|
||||
|
||||
/* Filetypes ---------------------------------------------------------------- */
|
||||
|
||||
.icon-text,
|
||||
.icon-description {
|
||||
background-image: var(--icon-text-f2f2f2) !important;
|
||||
background-image: var(--icon-text-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-folder {
|
||||
background-image: var(--icon-folder-0082c9) !important;
|
||||
background-image: var(--icon-folder-0082c9) !important;
|
||||
}
|
||||
|
||||
/* Clients ------------------------------------------------------------------ */
|
||||
|
||||
.icon-desktop {
|
||||
background-image: var(--icon-desktop-f2f2f2) !important;
|
||||
background-image: var(--icon-desktop-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-phone {
|
||||
background-image: var(--icon-phone-f2f2f2) !important;
|
||||
background-image: var(--icon-phone-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-tablet {
|
||||
background-image: var(--icon-tablet-f2f2f2) !important;
|
||||
background-image: var(--icon-tablet-f2f2f2) !important;
|
||||
}
|
||||
|
||||
/* Categories --------------------------------------------------------------- */
|
||||
|
||||
.icon-category-installed {
|
||||
background-image: var(--icon-user-f2f2f2) !important;
|
||||
background-image: var(--icon-user-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-category-enabled {
|
||||
background-image: var(--icon-checkmark-f2f2f2) !important;
|
||||
background-image: var(--icon-checkmark-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-category-disabled {
|
||||
background-image: var(--icon-close-f2f2f2) !important;
|
||||
background-image: var(--icon-close-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-category-app-bundles {
|
||||
background-image: var(--icon-bundles-f2f2f2) !important;
|
||||
background-image: var(--icon-bundles-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-category-customization {
|
||||
background-image: var(--icon-customization-f2f2f2) !important;
|
||||
background-image: var(--icon-customization-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-category-files {
|
||||
background-image: var(--icon-files-f2f2f2) !important;
|
||||
background-image: var(--icon-files-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-category-games {
|
||||
background-image: var(--icon-games-f2f2f2) !important;
|
||||
background-image: var(--icon-games-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-category-integration {
|
||||
background-image: var(--icon-integration-f2f2f2) !important;
|
||||
background-image: var(--icon-integration-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-category-monitoring {
|
||||
background-image: var(--icon-monitoring-f2f2f2) !important;
|
||||
background-image: var(--icon-monitoring-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-category-multimedia {
|
||||
background-image: var(--icon-multimedia-f2f2f2) !important;
|
||||
background-image: var(--icon-multimedia-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-category-office {
|
||||
background-image: var(--icon-office-f2f2f2) !important;
|
||||
background-image: var(--icon-office-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-category-organization {
|
||||
background-image: var(--icon-organization-f2f2f2) !important;
|
||||
background-image: var(--icon-organization-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-category-search {
|
||||
background-image: var(--icon-search-f2f2f2) !important;
|
||||
background-image: var(--icon-search-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-category-security {
|
||||
background-image: var(--icon-password-f2f2f2) !important;
|
||||
background-image: var(--icon-password-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-category-social {
|
||||
background-image: var(--icon-social-f2f2f2) !important;
|
||||
background-image: var(--icon-social-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-category-tools {
|
||||
background-image: var(--icon-settings-dark-f2f2f2) !important;
|
||||
background-image: var(--icon-settings-dark-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-category-workflow {
|
||||
background-image: var(--icon-workflow-f2f2f2) !important;
|
||||
background-image: var(--icon-workflow-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-category-auth {
|
||||
background-image: var(--icon-auth-f2f2f2) !important;
|
||||
background-image: var(--icon-auth-f2f2f2) !important;
|
||||
}
|
||||
|
||||
/* Actions ------------------------------------------------------------------ */
|
||||
|
@ -138,312 +138,316 @@
|
|||
.icon-star,
|
||||
.icon-star-dark,
|
||||
.icon-starred:hover,
|
||||
.icon-starred:focus {
|
||||
background-image: var(--icon-star-dark-f2f2f2) !important;
|
||||
.icon-starred:focus,
|
||||
.icon-favorite {
|
||||
background-image: var(--icon-star-dark-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-search,
|
||||
div.select2-drop .select2-search input {
|
||||
background-image: var(--icon-search-f2f2f2) !important;
|
||||
background-image: var(--icon-search-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-password {
|
||||
background-image: var(--icon-password-f2f2f2) !important;
|
||||
background-image: var(--icon-password-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-settings,
|
||||
.icon-settings-dark,
|
||||
#app-settings-header .settings-button {
|
||||
background-image: var(--icon-settings-dark-f2f2f2);
|
||||
background-image: var(--icon-settings-dark-f2f2f2);
|
||||
}
|
||||
|
||||
.icon-rename {
|
||||
background-image: var(--icon-rename-f2f2f2) !important;
|
||||
background-image: var(--icon-rename-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-delete {
|
||||
background-image: var(--icon-delete-f2f2f2) !important;
|
||||
background-image: var(--icon-delete-f2f2f2) !important;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
background-image: var(--icon-delete-da4453) !important;
|
||||
}
|
||||
&:hover,
|
||||
&:focus {
|
||||
background-image: var(--icon-delete-da4453) !important;
|
||||
}
|
||||
}
|
||||
|
||||
.icon-public {
|
||||
background-image: var(--icon-public-f2f2f2) !important;
|
||||
background-image: var(--icon-public-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-upload {
|
||||
background-image: var(--icon-upload-f2f2f2) !important;
|
||||
background-image: var(--icon-upload-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-add {
|
||||
background-image: var(--icon-add-f2f2f2) !important;
|
||||
background-image: var(--icon-add-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-share,
|
||||
.icon-shared {
|
||||
background-image: var(--icon-share-f2f2f2) !important;
|
||||
background-image: var(--icon-share-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-external {
|
||||
background-image: var(--icon-external-f2f2f2) !important;
|
||||
background-image: var(--icon-external-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-tag {
|
||||
background-image: var(--icon-tag-f2f2f2) !important;
|
||||
background-image: var(--icon-tag-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-download {
|
||||
background-image: var(--icon-download-f2f2f2) !important;
|
||||
background-image: var(--icon-download-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-details {
|
||||
background-image: var(--icon-details-f2f2f2) !important;
|
||||
background-image: var(--icon-details-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-info {
|
||||
background-image: var(--icon-info-f2f2f2) !important;
|
||||
background-image: var(--icon-info-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-clippy {
|
||||
background-image: var(--icon-clippy-f2f2f2) !important;
|
||||
background-image: var(--icon-clippy-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-comment {
|
||||
background-image: var(--icon-comment-f2f2f2) !important;
|
||||
background-image: var(--icon-comment-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-quota {
|
||||
background-image: var(--icon-quota-f2f2f2) !important;
|
||||
background-image: var(--icon-quota-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-triangle-n {
|
||||
background-image: var(--icon-triangle-n-f2f2f2) !important;
|
||||
background-image: var(--icon-triangle-n-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-triangle-s,
|
||||
select,
|
||||
#app-navigation:not(.vue) .collapsible::before,
|
||||
div.select2-container a.select2-choice .select2-arrow b {
|
||||
background-image: var(--icon-triangle-s-f2f2f2) !important;
|
||||
background-image: var(--icon-triangle-s-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-more,
|
||||
#app-navigation:not(.vue) .app-navigation-entry-utils .app-navigation-entry-utils-menu-button button:not([class^="icon-"]):not([class*=" icon-"]) {
|
||||
background-image: var(--icon-more-f2f2f2) !important;
|
||||
#app-navigation:not(.vue)
|
||||
.app-navigation-entry-utils
|
||||
.app-navigation-entry-utils-menu-button
|
||||
button:not([class^="icon-"]):not([class*=" icon-"]) {
|
||||
background-image: var(--icon-more-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-toggle-filelist {
|
||||
background-image: var(--icon-toggle-filelist-f2f2f2) !important;
|
||||
background-image: var(--icon-toggle-filelist-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-toggle-pictures {
|
||||
background-image: var(--icon-toggle-pictures-f2f2f2) !important;
|
||||
background-image: var(--icon-toggle-pictures-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-history {
|
||||
background-image: var(--icon-history-f2f2f2) !important;
|
||||
background-image: var(--icon-history-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-edit {
|
||||
background-image: var(--icon-edit-f2f2f2) !important;
|
||||
background-image: var(--icon-edit-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-close,
|
||||
.oc-dialog-close,
|
||||
.toastify.toast .toast-close {
|
||||
background-image: var(--icon-close-f2f2f2) !important;
|
||||
background-image: var(--icon-close-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-fullscreen {
|
||||
background-image: var(--icon-fullscreen-f2f2f2) !important;
|
||||
background-image: var(--icon-fullscreen-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-user {
|
||||
background-image: var(--icon-user-f2f2f2) !important;
|
||||
background-image: var(--icon-user-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-timezone {
|
||||
background-image: var(--icon-timezone-f2f2f2) !important;
|
||||
background-image: var(--icon-timezone-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-toggle,
|
||||
#personal-show + label,
|
||||
#show + label, #dbpassword + label {
|
||||
background-image: var(--icon-toggle-f2f2f2) !important;
|
||||
#show + label,
|
||||
#dbpassword + label {
|
||||
background-image: var(--icon-toggle-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-error {
|
||||
background-image: var(--icon-error-f2f2f2) !important;
|
||||
background-image: var(--icon-error-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-checkmark,
|
||||
.multiselect.multiselect--multiple .multiselect__content-wrapper li > span::before {
|
||||
background-image: var(--icon-checkmark-f2f2f2) !important;
|
||||
background-image: var(--icon-checkmark-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-user-admin {
|
||||
background-image: var(--icon-user-admin-f2f2f2) !important;
|
||||
background-image: var(--icon-user-admin-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-arrow-right,
|
||||
.icon-view-next {
|
||||
background-image: var(--icon-arrow-right-f2f2f2) !important;
|
||||
background-image: var(--icon-arrow-right-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-arrow-left {
|
||||
background-image: var(--icon-arrow-left-f2f2f2) !important;
|
||||
background-image: var(--icon-arrow-left-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-mail {
|
||||
background-image: var(--icon-mail-f2f2f2) !important;
|
||||
background-image: var(--icon-mail-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-address {
|
||||
background-image: var(--icon-address-f2f2f2) !important;
|
||||
background-image: var(--icon-address-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-group {
|
||||
background-image: var(--icon-group-f2f2f2) !important;
|
||||
background-image: var(--icon-group-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-menu {
|
||||
background-image: var(--icon-menu-f2f2f2) !important;
|
||||
background-image: var(--icon-menu-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-menu-sidebar {
|
||||
background-image: var(--icon-menu-sidebar-f2f2f2) !important;
|
||||
background-image: var(--icon-menu-sidebar-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-projects {
|
||||
background-image: var(--icon-projects-f2f2f2) !important;
|
||||
background-image: var(--icon-projects-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-sound {
|
||||
background-image: var(--icon-sound-f2f2f2) !important;
|
||||
background-image: var(--icon-sound-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-sound-off {
|
||||
background-image: var(--icon-sound-off-f2f2f2) !important;
|
||||
background-image: var(--icon-sound-off-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-audio {
|
||||
background-image: var(--icon-audio-f2f2f2) !important;
|
||||
background-image: var(--icon-audio-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-audio-off {
|
||||
background-image: var(--icon-audio-off-f2f2f2) !important;
|
||||
background-image: var(--icon-audio-off-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-video {
|
||||
background-image: var(--icon-video-f2f2f2) !important;
|
||||
background-image: var(--icon-video-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-video-off {
|
||||
background-image: var(--icon-video-off-f2f2f2) !important;
|
||||
background-image: var(--icon-video-off-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-screen {
|
||||
background-image: var(--icon-screen-f2f2f2) !important;
|
||||
background-image: var(--icon-screen-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-screen-off {
|
||||
background-image: var(--icon-screen-off-f2f2f2) !important;
|
||||
background-image: var(--icon-screen-off-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-caret,
|
||||
.icon-caret-dark {
|
||||
background-image: var(--icon-caret-f2f2f2) !important;
|
||||
background-image: var(--icon-caret-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-disabled-user {
|
||||
background-image: var(--icon-disabled-user-f2f2f2) !important;
|
||||
background-image: var(--icon-disabled-user-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-disabled-users {
|
||||
background-image: var(--icon-disabled-users-f2f2f2) !important;
|
||||
background-image: var(--icon-disabled-users-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-confirm {
|
||||
background-image: var(--icon-confirm-f2f2f2) !important;
|
||||
background-image: var(--icon-confirm-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-confirm-fade {
|
||||
background-image: var(--icon-confirm-fade-f2f2f2) !important;
|
||||
background-image: var(--icon-confirm-fade-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-play {
|
||||
background-image: var(--icon-play-f2f2f2) !important;
|
||||
background-image: var(--icon-play-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-pause {
|
||||
background-image: var(--icon-pause-f2f2f2) !important;
|
||||
background-image: var(--icon-pause-f2f2f2) !important;
|
||||
}
|
||||
|
||||
/* Privacy ------------------------------------------------------------------ */
|
||||
|
||||
.icon-control {
|
||||
background-image: var(--icon-privacy-control-f2f2f2) !important;
|
||||
background-image: var(--icon-privacy-control-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-knowledge {
|
||||
background-image: var(--icon-privacy-knowledge-f2f2f2) !important;
|
||||
background-image: var(--icon-privacy-knowledge-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.icon-freedom {
|
||||
background-image: var(--icon-privacy-freedom-f2f2f2) !important;
|
||||
background-image: var(--icon-privacy-freedom-f2f2f2) !important;
|
||||
}
|
||||
|
||||
/* Federated file sharing --------------------------------------------------- */
|
||||
|
||||
.social-facebook {
|
||||
background-image: var(--icon-federatedfilesharing-social-facebook-f2f2f2) !important;
|
||||
background-image: var(--icon-federatedfilesharing-social-facebook-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.social-twitter {
|
||||
background-image: var(--icon-federatedfilesharing-social-twitter-f2f2f2) !important;
|
||||
background-image: var(--icon-federatedfilesharing-social-twitter-f2f2f2) !important;
|
||||
}
|
||||
|
||||
.social-diaspora {
|
||||
background-image: var(--icon-federatedfilesharing-social-diaspora-f2f2f2) !important;
|
||||
background-image: var(--icon-federatedfilesharing-social-diaspora-f2f2f2) !important;
|
||||
}
|
||||
|
||||
/* Apps that haven't moved to variables for icons ---------------------------- */
|
||||
|
||||
// Share by email
|
||||
.icon-social-email {
|
||||
background-image: var(--icon-mail-000) !important;
|
||||
background-image: var(--icon-mail-000) !important;
|
||||
}
|
||||
|
||||
/* CSS tricks to change icon color ------------------------------------------ */
|
||||
|
||||
.icon-collapse {
|
||||
color: var(--color-icon) !important;
|
||||
color: var(--color-icon) !important;
|
||||
}
|
||||
|
||||
.app-settings {
|
||||
// Navigation in settings
|
||||
#app-navigation li a img {
|
||||
filter: invert(95%) !important;
|
||||
}
|
||||
|
||||
// Navigation in settings
|
||||
#app-navigation li a img {
|
||||
filter: invert(95%) !important;
|
||||
}
|
||||
#apps-list .section .app-image .app-icon,
|
||||
#apps-list-search .section .app-image .app-icon,
|
||||
#app-sidebar #app-details-view image.app-icon {
|
||||
filter: invert(5%);
|
||||
}
|
||||
|
||||
#apps-list .section .app-image .app-icon,
|
||||
#apps-list-search .section .app-image .app-icon,
|
||||
#app-sidebar #app-details-view image.app-icon {
|
||||
filter: invert(5%);
|
||||
}
|
||||
// Support submenu -> system information
|
||||
.system-information div img[src$="/apps/support/img/system-info.svg"] {
|
||||
filter: invert(95%);
|
||||
}
|
||||
|
||||
// Support submenu -> system information
|
||||
.system-information div img[src$="/apps/support/img/system-info.svg"] {
|
||||
filter: invert(95%);
|
||||
}
|
||||
|
||||
.infoicon {
|
||||
filter: invert(95%);
|
||||
}
|
||||
.infoicon {
|
||||
filter: invert(95%);
|
||||
}
|
||||
}
|
||||
|
||||
#settings #expanddiv li a img {
|
||||
|
@ -452,60 +456,60 @@ div.select2-container a.select2-choice .select2-arrow b {
|
|||
|
||||
// Icons in the global notifications dropdown
|
||||
.notification-icon {
|
||||
filter: invert(95%);
|
||||
filter: invert(95%);
|
||||
}
|
||||
|
||||
// Client icons under Settings > Personal > Mobile & Desktop
|
||||
.clientslinks img.appsmall {
|
||||
filter: invert(95%);
|
||||
filter: invert(95%);
|
||||
}
|
||||
|
||||
// Two Factor Icons in Personal Settings
|
||||
img.two-factor-provider-settings-icon,
|
||||
.icon-u2f-device {
|
||||
filter: invert(95%);
|
||||
filter: invert(95%);
|
||||
}
|
||||
|
||||
// Invert icon for version history in app sidebar
|
||||
.downloadVersion img[src$="download.svg"],
|
||||
.revertVersion img[src$="history.svg"] {
|
||||
filter: invert(95%);
|
||||
filter: invert(95%);
|
||||
}
|
||||
|
||||
// Change the app icons in the navigation menu to white
|
||||
#navigation .app-icon {
|
||||
filter: none;
|
||||
filter: none;
|
||||
}
|
||||
|
||||
// Arrow in advanved ldap settings and
|
||||
// Little help icon
|
||||
#ldapSettings .ui-accordion .ui-accordion-header .ui-accordion-header-icon,
|
||||
#ldapSettings img[src$="info.svg"] {
|
||||
filter: invert(95%);
|
||||
filter: invert(95%);
|
||||
}
|
||||
|
||||
// Icons in contacts menu
|
||||
#contactsmenu-menu #contactsmenu-contacts .contact > a > img {
|
||||
filter: invert(95%);
|
||||
filter: invert(95%);
|
||||
}
|
||||
|
||||
// Audio player: Play option in right click menu in files
|
||||
.menuitem.action.action-audio img[src$="sound.svg"] {
|
||||
filter: invert(95%);
|
||||
filter: invert(95%);
|
||||
}
|
||||
|
||||
// Fix icon colors for workflow page
|
||||
#workflowengine .actions__item:not(.colored) .icon:not(.icon-invert) {
|
||||
filter: invert(5%) !important;
|
||||
filter: invert(5%) !important;
|
||||
}
|
||||
|
||||
#workflowengine .section.rule .trigger .event .option__icon {
|
||||
filter: invert(95%);
|
||||
filter: invert(95%);
|
||||
}
|
||||
|
||||
// Force folder icon in app settings to be default blue, when theming app is disabled
|
||||
.app-settings .icon-folder {
|
||||
background-image: var(--icon-folder-0082c9) !important;
|
||||
background-image: var(--icon-folder-0082c9) !important;
|
||||
}
|
||||
|
||||
/* Random CSS fixes for icons ----------------------------------------------- */
|
||||
|
@ -513,5 +517,5 @@ img.two-factor-provider-settings-icon,
|
|||
// Fix avatars with dot menu being covered in dots. The dot icon is being handled
|
||||
// by vue iconfont instead
|
||||
.avatardiv--with-menu .icon-more {
|
||||
background-image: none !important;
|
||||
background-image: none !important;
|
||||
}
|
||||
|
|
File diff suppressed because it is too large
Load Diff
|
@ -0,0 +1,92 @@
|
|||
/***
|
||||
* @copyright Copyright (c) 2019, Magnus Walbeck <mw@mwalbeck.org>
|
||||
*
|
||||
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
||||
*/
|
||||
|
||||
:root {
|
||||
// Primary Breeze colours
|
||||
--color-paper-white: rgba(252, 252, 252, 1);
|
||||
--color-cardboard-gray: rgba(239, 240, 241, 1);
|
||||
--color-icon-gray: rgba(77, 77, 77, 1);
|
||||
--color-charcoal-gray: rgba(49, 54, 59, 1);
|
||||
--color-shade-black: rgba(35, 38, 41, 1);
|
||||
--color-plasma-blue: rgba(61, 174, 233, 1);
|
||||
|
||||
// Secondary Breeze colours
|
||||
--color-icon-red: rgba(218, 68, 83, 1);
|
||||
--color-danger-red: rgba(237, 21, 21, 1);
|
||||
--color-beware-orange: rgba(246, 116, 0, 1);
|
||||
--color-icon-yellow: rgba(253, 188, 75, 1);
|
||||
--color-sunbeam-yellow: rgba(201, 206, 59, 1);
|
||||
--color-verdant-green: rgba(17, 209, 22, 1);
|
||||
--color-icon-blue: rgba(29, 153, 243, 1);
|
||||
|
||||
// Other Breeze Colours
|
||||
--color-noble-fir: rgba(39, 174, 96, 1);
|
||||
--color-abyss-blue: rgba(41, 128, 185, 1);
|
||||
--color-coastal-fog: rgba(127, 140, 141, 1);
|
||||
--color-alternate-gray: rgba(189, 195, 199, 1);
|
||||
|
||||
// An approximation of the blue hover colour seen in breeze dark
|
||||
--color-hover-blue: rgba(61, 174, 233, 0.4);
|
||||
// An approximation of the grey border colour seen in breeze dark
|
||||
--color-border-grey: rgba(103, 107, 110, 1);
|
||||
|
||||
--color-main-text: var(--color-cardboard-gray) !important;
|
||||
--color-main-background: var(--color-charcoal-gray) !important;
|
||||
--color-main-background-translucent: var(--color-main-background) !important;
|
||||
|
||||
--color-background-hover: var(--color-hover-blue) !important;
|
||||
--color-background-dark: var(--color-main-background) !important;
|
||||
--color-background-darker: var(--color-shade-black) !important;
|
||||
|
||||
--color-primary: var(--color-plasma-blue) !important;
|
||||
--color-primary-light: var(--color-primary) !important;
|
||||
--color-primary-text: var(--color-paper-white) !important;
|
||||
--color-primary-text-dark: var(--color-main-text) !important;
|
||||
--color-primary-element: var(--color-primary) !important;
|
||||
--color-primary-element-light: var(--color-primary) !important;
|
||||
|
||||
--color-error: var(--color-icon-red) !important;
|
||||
--color-warning: var(--color-beware-orange) !important;
|
||||
--color-success: var(--color-noble-fir) !important;
|
||||
|
||||
--color-text-maxcontrast: var(--color-alternate-gray) !important;
|
||||
--color-text-light: var(--color-main-text) !important;
|
||||
--color-text-lighter: var(--color-text-maxcontrast) !important;
|
||||
--color-text-dark: rgba(0, 0, 0, 1) !important;
|
||||
|
||||
--color-loading-light: var(--color-alternate-gray) !important;
|
||||
--color-loading-dark: var(--color-coastal-fog) !important;
|
||||
|
||||
--color-box-shadow: rgba(0, 0, 0, 0) !important;
|
||||
|
||||
--color-border: var(--color-border-grey) !important;
|
||||
--color-border-dark: var(--color-border) !important;
|
||||
// --border-radius: $border-radius;
|
||||
// --border-radius-large: $border-radius-large;
|
||||
// --border-radius-pill: $border-radius-pill;
|
||||
|
||||
--color-icon: rgba(242, 242, 242, 1);
|
||||
|
||||
// OLD ONES THAT MIGHT NO LONGER BE USED
|
||||
// --color-background-alternate: rgba(77, 77, 77, 1);
|
||||
// --color-background-blur: rgba(49, 54, 59, 0.7) !important;
|
||||
|
||||
// --color-neutral: rgba(201, 206, 59, 1) !important;
|
||||
|
||||
// --color-text-active: rgba(252, 252, 252, 1);
|
||||
// --color-text-inactive: rgba(189, 195, 199, 1);
|
||||
// --color-text-link: rgba(41, 128, 185, 1);
|
||||
// --color-text-background: rgba(189, 195, 199, 0.6);
|
||||
// --color-text-selection: rgba(61, 174, 233, 0.5);
|
||||
|
||||
// --color-border-active: var(--color-primary-element);
|
||||
}
|
||||
|
||||
// input,
|
||||
// label {
|
||||
// --color-checkbox-radio-border: var(--color-border);
|
||||
// --color-checkbox-radio-disabled: var(--color-background-alternate);
|
||||
// }
|
|
@ -24,9 +24,9 @@
|
|||
@mixin icon-color-theming($icon, $dir, $color, $version: 1, $core: false) {
|
||||
$color: remove-hash-from-color($color);
|
||||
/* $dir is the app name, so we add this to the icon var to avoid conflicts between apps */
|
||||
$varName: "--icon-#{$dir}-#{$icon}-#{$color}";
|
||||
@if $core {
|
||||
$varName: "--icon-#{$icon}-#{$color}";
|
||||
}
|
||||
#{$varName}: url(icon-color-path($icon, $dir, $color, $version, $core));
|
||||
$varName: "--icon-#{$dir}-#{$icon}-#{$color}";
|
||||
@if $core {
|
||||
$varName: "--icon-#{$icon}-#{$color}";
|
||||
}
|
||||
#{$varName}: url(icon-color-path($icon, $dir, $color, $version, $core));
|
||||
}
|
|
@ -0,0 +1,239 @@
|
|||
/***
|
||||
* @copyright Copyright (c) 2017, Magnus Walbeck <mw@mwalbeck.org>
|
||||
*
|
||||
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
||||
*/
|
||||
|
||||
/* Icon variables ----------------------------------------------------------- */
|
||||
|
||||
// Color variables for icons
|
||||
$icon-normal: #f2f2f2;
|
||||
$icon-error: #da4453;
|
||||
$icon-success: #27ae60;
|
||||
|
||||
:root {
|
||||
@include icon-color-theming("home", "places", $icon-normal, 1, true);
|
||||
@include icon-color-theming("contacts", "places", $icon-normal, 1, true);
|
||||
@include icon-color-theming("link", "places", $icon-normal, 1, true);
|
||||
@include icon-color-theming("calendar", "places", $icon-normal, 1, true);
|
||||
@include icon-color-theming("picture", "places", $icon-normal, 1, true);
|
||||
@include icon-color-theming("files", "places", $icon-normal, 1, true);
|
||||
|
||||
@include icon-color-theming("text", "filetypes", $icon-normal, 1, true);
|
||||
@include icon-color-theming("folder", "filetypes", #0082c9, 1, true);
|
||||
|
||||
@include icon-color-theming("desktop", "clients", $icon-normal, 1, true);
|
||||
@include icon-color-theming("phone", "clients", $icon-normal, 1, true);
|
||||
@include icon-color-theming("tablet", "clients", $icon-normal, 1, true);
|
||||
|
||||
@include icon-color-theming("bundles", "categories", $icon-normal, 1, true);
|
||||
@include icon-color-theming("customization", "categories", $icon-normal, 1, true);
|
||||
@include icon-color-theming("games", "categories", $icon-normal, 1, true);
|
||||
@include icon-color-theming("integration", "categories", $icon-normal, 1, true);
|
||||
@include icon-color-theming("monitoring", "categories", $icon-normal, 1, true);
|
||||
@include icon-color-theming("multimedia", "categories", $icon-normal, 1, true);
|
||||
@include icon-color-theming("office", "categories", $icon-normal, 1, true);
|
||||
@include icon-color-theming("organization", "categories", $icon-normal, 1, true);
|
||||
@include icon-color-theming("social", "categories", $icon-normal, 1, true);
|
||||
@include icon-color-theming("workflow", "categories", $icon-normal, 1, true);
|
||||
@include icon-color-theming("auth", "categories", $icon-normal, 1, true);
|
||||
|
||||
@include icon-color-theming("star-dark", "actions", $icon-normal, 1, true);
|
||||
@include icon-color-theming("search", "actions", $icon-normal, 1, true);
|
||||
@include icon-color-theming("password", "actions", $icon-normal, 1, true);
|
||||
@include icon-color-theming("settings-dark", "actions", $icon-normal, 1, true);
|
||||
@include icon-color-theming("rename", "actions", $icon-normal, 1, true);
|
||||
@include icon-color-theming("delete", "actions", $icon-normal, 1, true);
|
||||
@include icon-color-theming("delete", "actions", $icon-error, 1, true);
|
||||
@include icon-color-theming("public", "actions", $icon-normal, 1, true);
|
||||
@include icon-color-theming("upload", "actions", $icon-normal, 1, true);
|
||||
@include icon-color-theming("add", "actions", $icon-normal, 1, true);
|
||||
@include icon-color-theming("share", "actions", $icon-normal, 1, true);
|
||||
@include icon-color-theming("external", "actions", $icon-normal, 1, true);
|
||||
@include icon-color-theming("tag", "actions", $icon-normal, 1, true);
|
||||
@include icon-color-theming("download", "actions", $icon-normal, 1, true);
|
||||
@include icon-color-theming("details", "actions", $icon-normal, 1, true);
|
||||
@include icon-color-theming("info", "actions", $icon-normal, 1, true);
|
||||
@include icon-color-theming("clippy", "actions", $icon-normal, 1, true);
|
||||
@include icon-color-theming("comment", "actions", $icon-normal, 1, true);
|
||||
@include icon-color-theming("quota", "actions", $icon-normal, 1, true);
|
||||
@include icon-color-theming("triangle-n", "actions", $icon-normal, 1, true);
|
||||
@include icon-color-theming("triangle-s", "actions", $icon-normal, 1, true);
|
||||
@include icon-color-theming("more", "actions", $icon-normal, 1, true);
|
||||
@include icon-color-theming("toggle-filelist", "actions", $icon-normal, 1, true);
|
||||
@include icon-color-theming("toggle-pictures", "actions", $icon-normal, 1, true);
|
||||
@include icon-color-theming("history", "actions", $icon-normal, 1, true);
|
||||
@include icon-color-theming("edit", "actions", $icon-normal, 1, true);
|
||||
@include icon-color-theming("close", "actions", $icon-normal, 1, true);
|
||||
@include icon-color-theming("fullscreen", "actions", $icon-normal, 1, true);
|
||||
@include icon-color-theming("user", "actions", $icon-normal, 1, true);
|
||||
@include icon-color-theming("timezone", "actions", $icon-normal, 1, true);
|
||||
@include icon-color-theming("toggle", "actions", $icon-normal, 1, true);
|
||||
@include icon-color-theming("error", "actions", $icon-normal, 1, true);
|
||||
@include icon-color-theming("checkmark", "actions", $icon-normal, 1, true);
|
||||
@include icon-color-theming("user-admin", "actions", $icon-normal, 1, true);
|
||||
@include icon-color-theming("arrow-right", "actions", $icon-normal, 1, true);
|
||||
@include icon-color-theming("arrow-left", "actions", $icon-normal, 1, true);
|
||||
@include icon-color-theming("mail", "actions", $icon-normal, 1, true);
|
||||
@include icon-color-theming("address", "actions", $icon-normal, 1, true);
|
||||
@include icon-color-theming("group", "actions", $icon-normal, 1, true);
|
||||
@include icon-color-theming("menu", "actions", $icon-normal, 1, true);
|
||||
@include icon-color-theming("menu-sidebar", "actions", $icon-normal, 1, true);
|
||||
@include icon-color-theming("projects", "actions", $icon-normal, 1, true);
|
||||
@include icon-color-theming("sound", "actions", $icon-normal, 1, true);
|
||||
@include icon-color-theming("sound-off", "actions", $icon-normal, 1, true);
|
||||
@include icon-color-theming("audio", "actions", $icon-normal, 1, true);
|
||||
@include icon-color-theming("audio-off", "actions", $icon-normal, 1, true);
|
||||
@include icon-color-theming("video", "actions", $icon-normal, 1, true);
|
||||
@include icon-color-theming("video-off", "actions", $icon-normal, 1, true);
|
||||
@include icon-color-theming("screen", "actions", $icon-normal, 1, true);
|
||||
@include icon-color-theming("screen-off", "actions", $icon-normal, 1, true);
|
||||
@include icon-color-theming("caret", "actions", $icon-normal, 1, true);
|
||||
@include icon-color-theming("disabled-user", "actions", $icon-normal, 1, true);
|
||||
@include icon-color-theming("disabled-users", "actions", $icon-normal, 1, true);
|
||||
@include icon-color-theming("confirm", "actions", $icon-normal, 1, true);
|
||||
@include icon-color-theming("confirm-fade", "actions", $icon-normal, 1, true);
|
||||
@include icon-color-theming("play", "actions", $icon-normal, 1, true);
|
||||
@include icon-color-theming("pause", "actions", $icon-normal, 1, true);
|
||||
|
||||
@include icon-color-theming("folder", "files", $icon-normal, 1, false);
|
||||
@include icon-color-theming("recent", "files", $icon-normal, 1, false);
|
||||
@include icon-color-theming("external", "files", $icon-normal, 1, false);
|
||||
@include icon-color-theming("share", "files", $icon-normal, 1, false);
|
||||
@include icon-color-theming("unshare", "files", $icon-normal, 1, false);
|
||||
@include icon-color-theming("public", "files", $icon-normal, 1, false);
|
||||
@include icon-color-theming("delete", "files", $icon-normal, 1, false);
|
||||
|
||||
@include icon-color-theming("control", "privacy", $icon-normal, 1, false);
|
||||
@include icon-color-theming("knowledge", "privacy", $icon-normal, 1, false);
|
||||
@include icon-color-theming("freedom", "privacy", $icon-normal, 1, false);
|
||||
|
||||
@include icon-color-theming("activity", "activity", $icon-normal, 1, false);
|
||||
|
||||
@include icon-color-theming("notifications-dark", "notifications", $icon-normal, 1, false);
|
||||
|
||||
@include icon-color-theming("undo", "text", $icon-normal, 1, false);
|
||||
@include icon-color-theming("redo", "text", $icon-normal, 1, false);
|
||||
@include icon-color-theming("bold", "text", $icon-normal, 1, false);
|
||||
@include icon-color-theming("italic", "text", $icon-normal, 1, false);
|
||||
@include icon-color-theming("strike", "text", $icon-normal, 1, false);
|
||||
@include icon-color-theming("paragraph", "text", $icon-normal, 1, false);
|
||||
@include icon-color-theming("ul", "text", $icon-normal, 1, false);
|
||||
@include icon-color-theming("ol", "text", $icon-normal, 1, false);
|
||||
@include icon-color-theming("quote", "text", $icon-normal, 1, false);
|
||||
@include icon-color-theming("h1", "text", $icon-normal, 1, false);
|
||||
@include icon-color-theming("h2", "text", $icon-normal, 1, false);
|
||||
@include icon-color-theming("h3", "text", $icon-normal, 1, false);
|
||||
@include icon-color-theming("h4", "text", $icon-normal, 1, false);
|
||||
@include icon-color-theming("h5", "text", $icon-normal, 1, false);
|
||||
@include icon-color-theming("h6", "text", $icon-normal, 1, false);
|
||||
@include icon-color-theming("code", "text", $icon-normal, 1, false);
|
||||
@include icon-color-theming("image", "text", $icon-normal, 1, false);
|
||||
|
||||
@include icon-color-theming("rss", "news", $icon-normal, 1, false);
|
||||
|
||||
@include icon-color-theming("folder", "notes", $icon-normal, 1, false);
|
||||
@include icon-color-theming("recent", "notes", $icon-normal, 1, false);
|
||||
@include icon-color-theming("folder-empty", "notes", $icon-normal, 1, false);
|
||||
|
||||
@include icon-color-theming("phone", "contacts", $icon-normal, 1, false);
|
||||
@include icon-color-theming("address-book", "contacts", $icon-normal, 1, false);
|
||||
@include icon-color-theming("social", "contacts", $icon-normal, 1, false);
|
||||
@include icon-color-theming("qrcode", "contacts", $icon-normal, 1, false);
|
||||
@include icon-color-theming("language", "contacts", $icon-normal, 1, false);
|
||||
@include icon-color-theming("up", "contacts", $icon-normal, 1, false);
|
||||
|
||||
@include icon-color-theming("deck", "deck", $icon-normal, 1, false);
|
||||
@include icon-color-theming("archive", "deck", $icon-normal, 1, false);
|
||||
@include icon-color-theming("toggle-view-collapse", "deck", $icon-normal, 1, false);
|
||||
@include icon-color-theming("toggle-view-expand", "deck", $icon-normal, 1, false);
|
||||
@include icon-color-theming("attach", "deck", $icon-normal, 1, false);
|
||||
@include icon-color-theming("filter", "deck", $icon-normal, 1, false);
|
||||
@include icon-color-theming("clone", "deck", $icon-normal, 1, false);
|
||||
|
||||
@include icon-color-theming("app-dark", "spreed", $icon-normal, 1, false);
|
||||
@include icon-color-theming("reply", "spreed", $icon-normal, 1, false);
|
||||
@include icon-color-theming("lobby", "spreed", $icon-normal, 1, false);
|
||||
|
||||
@include icon-color-theming("star", "mail", $icon-normal, 1, false);
|
||||
@include icon-color-theming("drafts", "mail", $icon-normal, 1, false);
|
||||
@include icon-color-theming("sent", "mail", $icon-normal, 1, false);
|
||||
@include icon-color-theming("junk", "mail", $icon-normal, 1, false);
|
||||
@include icon-color-theming("archive", "mail", $icon-normal, 1, false);
|
||||
@include icon-color-theming("forward", "mail", $icon-normal, 1, false);
|
||||
|
||||
@include icon-color-theming("announcementcenter", "announcementcenter", $icon-normal, 1, false);
|
||||
@include icon-color-theming("notifications-off", "announcementcenter", $icon-normal, 1, false);
|
||||
|
||||
@include icon-color-theming("social-diaspora", "federatedfilesharing", $icon-normal, 1, false);
|
||||
@include icon-color-theming("social-twitter", "federatedfilesharing", $icon-normal, 1, false);
|
||||
@include icon-color-theming("social-facebook", "federatedfilesharing", $icon-normal, 1, false);
|
||||
|
||||
@include icon-color-theming("circles", "circles", $icon-normal, 1, false);
|
||||
|
||||
@include icon-color-theming("previous", "audioplayer", $icon-normal, 1, false);
|
||||
@include icon-color-theming("play", "audioplayer", $icon-normal, 1, false);
|
||||
@include icon-color-theming("pause", "audioplayer", $icon-normal, 1, false);
|
||||
@include icon-color-theming("next", "audioplayer", $icon-normal, 1, false);
|
||||
@include icon-color-theming("volume", "audioplayer", $icon-normal, 1, false);
|
||||
@include icon-color-theming("repeat", "audioplayer", $icon-normal, 1, false);
|
||||
@include icon-color-theming("shuffle", "audioplayer", $icon-normal, 1, false);
|
||||
|
||||
@include icon-color-theming("leftarrow", "calendar", $icon-normal, 1, false);
|
||||
@include icon-color-theming("rightarrow", "calendar", $icon-normal, 1, false);
|
||||
@include icon-color-theming("view-module", "calendar", $icon-normal, 1, false);
|
||||
@include icon-color-theming("view-day", "calendar", $icon-normal, 1, false);
|
||||
@include icon-color-theming("view-week", "calendar", $icon-normal, 1, false);
|
||||
@include icon-color-theming("embed", "calendar", $icon-normal, 1, false);
|
||||
@include icon-color-theming("new-calendar", "calendar", $icon-normal, 1, false);
|
||||
@include icon-color-theming("new-calendar-with-task-list", "calendar", $icon-normal, 1, false);
|
||||
@include icon-color-theming("eye", "calendar", $icon-normal, 1, false);
|
||||
@include icon-color-theming("briefcase", "calendar", $icon-normal, 1, false);
|
||||
@include icon-color-theming("reminder", "calendar", $icon-normal, 1, false);
|
||||
@include icon-color-theming("repeat", "calendar", $icon-normal, 1, false);
|
||||
@include icon-color-theming("timezone", "calendar", $icon-normal, 1, false);
|
||||
@include icon-color-theming("color-picker", "calendar", $icon-normal, 1, false);
|
||||
|
||||
@include icon-color-theming("yourphotos", "photos", $icon-normal, 1, false);
|
||||
|
||||
@include icon-color-theming("icon-start", "tasks", $icon-normal, 1, false);
|
||||
@include icon-color-theming("icon-due", "tasks", $icon-normal, 1, false);
|
||||
@include icon-color-theming("icon-list", "tasks", $icon-normal, 1, false);
|
||||
@include icon-color-theming("icon-task-star", "tasks", $icon-normal, 1, false);
|
||||
@include icon-color-theming("icon-due", "tasks", $icon-normal, 1, false);
|
||||
@include icon-color-theming("icon-alphabetically", "tasks", $icon-normal, 1, false);
|
||||
@include icon-color-theming("icon-subtasks-visible", "tasks", $icon-normal, 1, false);
|
||||
@include icon-color-theming("icon-subtasks-hidden", "tasks", $icon-normal, 1, false);
|
||||
@include icon-color-theming("icon-list-down", "tasks", $icon-normal, 1, false);
|
||||
@include icon-color-theming("icon-list-up", "tasks", $icon-normal, 1, false);
|
||||
@include icon-color-theming("icon-manual", "tasks", $icon-normal, 1, false);
|
||||
|
||||
@include icon-color-theming("rename", "bbb", $icon-normal, 1, false);
|
||||
|
||||
// Manual icons
|
||||
|
||||
// Mail
|
||||
--icon-mail-inbox-f2f2f2: var(--icon-home-f2f2f2);
|
||||
--icon-mail-trash-f2f2f2: var(--icon-delete-f2f2f2);
|
||||
|
||||
// // News
|
||||
// --icon-news-unpinned-f2f2f2: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KIDxnIGZpbGw9IiNmMmYyZjIiPgogIDxyZWN0IHg9IjIuODI1MSIgeT0iLjQxMjU1IiB3aWR0aD0iMTAuMzUiIGhlaWdodD0iMS4xODgxIiByeT0iLjE4ODkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSIjZjJmMmYyIiBzdHJva2Utd2lkdGg9Ii42ODA4NHB4Ii8+CiAgPHBhdGggZD0ibTUuMTI4NyAxLjkxMzNoNS43NDI2bC0wLjE4ODkgNi44MDA1aC01LjM0NTl6Ii8+CiAgPHBhdGggZD0ibTMuMTM1OCA4LjQzMDVoOS43Mjg1YzEuMjI3OSAwLjQ1MzM2IDEuMzAzNCAxLjQzNTcgMS4zMDM0IDEuNDM1N2gtMTIuMzM1czAuMDM3NzgtMC45NjM0IDEuMzAzNC0xLjQzNTd6Ii8+CiAgPHJlY3QgeD0iNy41MTgzIiB5PSI4LjYxMDUiIHdpZHRoPSIuOTYzNCIgaGVpZ2h0PSI3LjMxNzQiLz4KIDwvZz4KPC9zdmc+Cg==");
|
||||
// --icon-news-pinned-f2f2f2: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KIDxnIGZpbGw9IiNmMmYyZjIiPgogIDxyZWN0IHg9IjIuODI1MSIgeT0iLjQxMjU1IiB3aWR0aD0iMTAuMzUiIGhlaWdodD0iMS4xODgxIiByeT0iLjE4ODkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSIjZjJmMmYyIiBzdHJva2Utd2lkdGg9Ii42ODA4NHB4Ii8+CiAgPHBhdGggZD0ibTUuMTI4NyAxLjkxMzNoNS43NDI2bC0wLjE4ODkgNi44MDA1aC01LjM0NTl6Ii8+CiAgPHBhdGggZD0ibTMuMTM1OCA4LjQzMDVoOS43Mjg1YzEuMjI3OSAwLjQ1MzM2IDEuMzAzNCAxLjQzNTcgMS4zMDM0IDEuNDM1N2gtMTIuMzM1czAuMDM3NzgtMC45NjM0IDEuMzAzNC0xLjQzNTd6Ii8+CiAgPHJlY3QgeD0iNy41MTgzIiB5PSI5Ljc4NiIgd2lkdGg9Ii45NjM0IiBoZWlnaHQ9IjQuOTY2NSIvPgogIDxyZWN0IHg9IjEuMTc0NCIgeT0iMTIuMTgiIHdpZHRoPSIxMy42NTEiIGhlaWdodD0iMS4zODkyIi8+CiA8L2c+Cjwvc3ZnPgo=");
|
||||
// --icon-news-nonfulltext-f2f2f2: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZlcnNpb249IjEuMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KIDxwYXRoIGQ9Im0zIDJjLTAuNTU0IDAtMSAwLjQ0Ni0xIDF2MmMwIDAuNTU0IDAuNDQ2IDEgMSAxaDI2YzAuNTU0IDAgMS0wLjQ0NiAxLTF2LTJjMC0wLjU1NC0wLjQ0Ni0xLTEtMWgtMjZ6IiBmaWxsPSIjZjJmMmYyIi8+CiA8cGF0aCBkPSJtMyAxMGMtMC41NTQgMC0xIDAuNDQ2LTEgMXYyYzAgMC41NTQgMC40NDYgMSAxIDFoMThjMC41NTQgMCAxLTAuNDQ2IDEtMXYtMmMwLTAuNTU0LTAuNDQ2LTEtMS0xaC0xOHoiIGZpbGw9IiNmMmYyZjIiLz4KPC9zdmc+Cg==");
|
||||
// --icon-news-fulltext-f2f2f2: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZlcnNpb249IjEuMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KIDxwYXRoIGQ9Im0zIDJjLTAuNTU0IDAtMSAwLjQ0Ni0xIDF2MmMwIDAuNTU0IDAuNDQ2IDEgMSAxaDI2YzAuNTU0IDAgMS0wLjQ0NiAxLTF2LTJjMC0wLjU1NC0wLjQ0Ni0xLTEtMWgtMjZ6bTAgOGMtMC41NTQgMC0xIDAuNDQ2LTEgMXYyYzAgMC41NTQgMC40NDYgMSAxIDFoMThjMC41NTQgMCAxLTAuNDQ2IDEtMXYtMmMwLTAuNTU0LTAuNDQ2LTEtMS0xaC0xOHptMCA4Yy0wLjU1NCAwLTEgMC40NDYtMSAxdjJjMCAwLjU1NCAwLjQ0NiAxIDEgMWgyNGMwLjU1NCAwIDEtMC40NDYgMS0xdi0yYzAtMC41NTQtMC40NDYtMS0xLTFoLTI0em0wIDhjLTAuNTU0IDAtMSAwLjQ0Ni0xIDF2MmMwIDAuNTU0IDAuNDQ2IDEgMSAxaDEyYzAuNTU0IDAgMS0wLjQ0NiAxLTF2LTJjMC0wLjU1NC0wLjQ0Ni0xLTEtMWgtMTJ6IiBmaWxsPSIjZjJmMmYyIi8+Cjwvc3ZnPgo=");
|
||||
// --icon-news-updatemodedefault-f2f2f2: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkzLjQyMiAtNDY2LjY2KSIgZmlsbD0iI2YyZjJmMiI+CiAgPHBhdGggZD0ibS04My44OTcgNDY4Ljc0Yy0zLjk1MDIgMC02LjUzNDkgMy40NDY5LTYuMzY0MyA2LjcyMTNoLTIuMTYwOGwzLjkwNCAzLjkxNzQgNC4wODEzLTMuODcyMmgtMi4xNDg5Yy0wLjIzNzA1LTEuNzAwOSAxLjE2MzUtMy4xMTQ1IDIuNjg4Ny0zLjA5MjEgMS41OTY1IDAuMDIzNSAyLjgwMDYgMS4yMjkyIDIuODAwNiAyLjczMzQgMC4wODk2MSAxLjU5MzgtMS42Mjk0IDMuNDI3OS0zLjk2NTQgMi41MzE3LTguM2UtNSAxLjIyODEgMC4wMDI3IDIuNTQzOSAwIDMuNzY0IDQuMTg5NCAwLjgyODk2IDcuNjM5OC0yLjUwOTUgNy42Mzk4LTYuMjUwOSAwLTMuNTYyMS0yLjkxODgtNi40NTI1LTYuNDc0OS02LjQ1MjV6IiBmaWxsPSIjZjJmMmYyIi8+CiA8L2c+Cjwvc3ZnPgo=");
|
||||
--icon-news-updatemodeunread-f2f2f2: var(--icon-news-updatemodedefault-000);
|
||||
|
||||
// Deck
|
||||
--icon-deck-filter_set-f2f2f2: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0LjIzMyA0LjIzMyIgaGVpZ2h0PSIxNiIgd2lkdGg9IjE2Ij48cGF0aCBkPSJNLjUyLjQ2NWgzLjI4M0wyLjYzMSAxLjkxOGgtLjk5em0xLjEyMiAxLjQ1M2guOTkydjEuODY2bC0uOTk2LS40NTV6IiBwYWludC1vcmRlcj0ic3Ryb2tlIGZpbGwgbWFya2VycyIgZmlsbD0iI2YyZjJmMiIvPjxlbGxpcHNlIHJ5PSIuNjkxIiByeD0iLjY3NCIgY3k9IjMuNDYxIiBjeD0iMy40NSIgZmlsbD0iI2YyZjJmMiIvPjwvc3ZnPgo=");
|
||||
|
||||
// ojsxc - icons from here https://github.com/jsxc/jsxc
|
||||
// color changed to #f2f2f2 and convert to base64
|
||||
// --icon-ojsxc-help-f2f2f2: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHRleHQgc3R5bGU9ImxpbmUtaGVpZ2h0OjEyNSU7LWlua3NjYXBlLWZvbnQtc3BlY2lmaWNhdGlvbjpBYnlzc2luaWNhIFNJTCIgeD0iMi40NDQiIHk9IjEwNTEuNzM5IiBmb250LXNpemU9IjEuODA4IiBmb250LXdlaWdodD0iNDAwIiBsZXR0ZXItc3BhY2luZz0iMCIgd29yZC1zcGFjaW5nPSIwIiBmb250LWZhbWlseT0iQWJ5c3NpbmljYSBTSUwiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTEwMzYuMzYyKSIgZmlsbD0iI2YyZjJmMiI+PHRzcGFuIHg9IjIuNDQ0IiB5PSIxMDUxLjczOSIgZm9udC1zaXplPSIyMi41OTkiPj88L3RzcGFuPjwvdGV4dD48L3N2Zz4=");
|
||||
// --icon-ojsxc-contact-f2f2f2: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDAwMCA0NDAwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pbllNaW4gbWVldCIgd2lkdGg9IjQ0IiBoZWlnaHQ9IjQ0Ij48cGF0aCBkPSJNMjIwMDYuMTEyIDBjLTIzMTUuODIzIDEyOC42NzgtNDMwOS4yMDMgOTk3LjM5NS01OTgxLjc0MyAyNjA1LjY2NC0xNjcyLjUzOSAxNjA4LjIyNS0yODMwLjg4OCAzNTA1LjAzNC0zNDc0LjE3MyA1NjkyLjE5Ny03NzEuOTQxIDI5NTkuMTQtNTE0LjUzIDU5ODIuMTUzIDc3Mi4wMzggOTA2OS45MjYgMTAyOS4yNTUgMTkyOS44NTIgMjM4MC42NjQgMzQ3NC4yOTMgNDA1My4yMDMgNDYzMi4yMTNsLTM2NjcuMTgzIDE3MzcuMDgtOTY0OC45MjYgNDQzOS4yMTljLTEwMjkuMjU1IDUxNC42MjEtMTU0NC4wNzggMTM0OS42NzQtMTU0NC4wNzggMjUwNy41OTR2OTA3MS40MzJDMjM4Ni41OTQgNDI0NTcuMTEgMzE1OC44MjYgNDM4NzEuMzIyIDQ4MzEuMzY2IDQ0MDAwaDM0NTQ0LjA1OGM3NzEuOTQxLTI1Ny4zMTEgMTMxOC45MDctNjQzLjQzMiAxNjQwLjU4Mi0xMTU4LjA1MyAzMjEuNjc0LTUxNC42NjYgNDgyLjUyNC05MzIuOTkgNDgyLjUyNC0xMjU0LjU3M1YzMDY4My44OTNjMC0xMTU3LjkyLTQ1MC40Ny0xOTI4LjYxMi0xMzUxLjA2Ny0yMzE0LjU1NmwtOTI2Mi45MDctNDYzMi4yNTctNDA1My4yMDMtMTkzMC4wNzRjMjQ0NC40ODEtMTQxNS4yMzEgNDA1My4zLTM4NTkuMDg1IDQ4MjUuMjQxLTczMzIuODQ2IDUxNC42MjgtMTkyOS44NTMgNTE0LjYyOC0zOTI0Ljc3NSAwLTU5ODMuMjYtNjQzLjI4My0yMzE1Ljg0MS0xODMzLjg0My00Mjc3LjAxLTM1NzAuNjc4LTU4ODUuMjM2QzI2MzQ5LjA4MiA5OTcuMzk0IDI0MzIyLjAwMiAxMjguNjc4IDIyMDA2LjExMiAwem0tMTYyNi41NzMgMjYxMTcuMDE2aDMxMzcuOTYzdjUzNTQuNDQ2aDU0NTcuMTkydjMxNjcuNTQ4aC01NDU3LjE5MnY1MzcwLjAzOGgtMzEzNy45NjNWMzQ2MzkuMDFoLTUzNTQuNDYxdi0zMTY3LjU0OGg1MzU0LjQ2MXoiIGZpbGw9IiNmMmYyZjIiLz48L3N2Zz4=");
|
||||
// --icon-ojsxc-groupcontact-f2f2f2: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAwIDEwMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaW5ZTWluIG1lZXQiIHN0eWxlPSJ3aWR0aDo1MTJweDtoZWlnaHQ6NTEycHgiPjxwYXRoIGQ9Ik00OTcuNjg4IDE3Mi40NjljLTM2LjM0NyAyLjAxOS02Ny42NTYgMTUuNjMzLTkzLjkwNyA0MC44NzUtMjYuMjUgMjUuMjQxLTQ0LjQwMyA1NS4wNDctNTQuNSA4OS4zNzUtMTIuMTE1IDQ2LjQ0My04LjA5OSA5My44OCAxMi4wOTQgMTQyLjM0NCAxNi4xNTQgMzAuMjg5IDM3LjM3NCA1NC41MTQgNjMuNjI1IDcyLjY4N2wtNTcuNTYzIDI3LjI4MUwyMTYgNjE0LjY4OGMtMTYuMTU0IDguMDc3LTI0LjIxOSAyMS4yMDEtMjQuMjE5IDM5LjM3NXYxNDIuMzQzYy0yLjAxOSA0Mi40MDUgMTAuMDkzIDY0LjYzNyAzNi4zNDQgNjYuNjU3aDU0Mi4xNTZjMTIuMTE2LTQuMDM5IDIwLjcwMi0xMC4xMSAyNS43NS0xOC4xODggNS4wNDktOC4wNzcgNy41OTQtMTQuNjQgNy41OTQtMTkuNjg4VjY1NC4wNjNjMC0xOC4xNzMtNy4wODQtMzAuMjg1LTIxLjIxOS0zNi4zNDNMNjM3LjAzMSA1NDUuMDNsLTYzLjYyNS0zMC4zMTJjMzguMzY2LTIyLjIxMiA2My42MDMtNjAuNTc0IDc1LjcxOS0xMTUuMDk0IDguMDc3LTMwLjI5IDguMDc3LTYxLjU5OCAwLTkzLjkwNi0xMC4wOTYtMzYuMzQ3LTI4Ljc3Mi02Ny4xMzQtNTYuMDMxLTkyLjM3NS0yNy4yNi0yNS4yNDItNTkuMDU5LTM4Ljg1Ni05NS40MDctNDAuODc1ek0yNDYuMjggMjM5LjA5NGMtMzguMzY2IDIuMDE5LTY4LjYzMSAxNy42NTgtOTAuODQ0IDQ2LjkzNy0yMi4yMTIgMjkuMjgtMzMuMzQzIDYyLjA5LTMzLjM0MyA5OC40MzggMi4wMTkgNjIuNTk3IDI0LjI1MSAxMDcuMDMgNjYuNjU2IDEzMy4yODFMMTYuMDk0IDU5Ni41QzUuOTk3IDYwMi41NTguOTM3IDYxMi42NDYuOTM3IDYyNi43ODF2MTM2LjMxM2MwIDIyLjIxMiA5LjEwOCAzMy4zMTIgMjcuMjgyIDMzLjMxMkgxNDAuMjhWNjU0LjA2M2MwLTE4LjE3NCA0LjUzOC0zNC44MjUgMTMuNjI1LTQ5Ljk3IDkuMDg3LTE1LjE0MyAyMS43MjEtMjYuNzY1IDM3Ljg3NS0zNC44NDNsMTE1LjA5NC01NC41MzFjMTAuMDk2LTYuMDU4IDE4LjE2LTEzLjExIDI0LjIxOS0yMS4xODgtMTIuMTE2LTE4LjE3My0yMi4yMDQtMzkuMzkzLTMwLjI4MS02My42MjUtOC4wNzgtMjQuMjMxLTEyLjEyNS00OS40NjgtMTIuMTI1LTc1LjcxOSAwLTE2LjE1NCAyLjAyMy0zMi4zMTQgNi4wNjItNDguNDY4IDQuMDM5LTE2LjE1NCA5LjA5OC0zMS4yNzIgMTUuMTU2LTQ1LjQwNi0yMC4xOTItMTQuMTM1LTQxLjQxMy0yMS4yMi02My42MjUtMjEuMjJ6bTUwOC44NzUgMGMtMjIuMjEyIDAtNDQuNDQ0IDcuMDg0LTY2LjY1NiAyMS4yMTkgMTIuMTE2IDMwLjI4OSAxOC4xODggNjEuNTY2IDE4LjE4OCA5My44NzUgMCA1MC40ODEtMTMuMTI1IDk2LjkzOC0zOS4zNzUgMTM5LjM0MyA4LjA3NyA4LjA3NyAxOC4xNjUgMTYuMTQyIDMwLjI4IDI0LjIxOSAxMi4xMTYgOC4wNzcgMjMuMjE3IDE0LjE0OSAzMy4zMTMgMTguMTg4IDEwLjA5NyA0LjAzOCAyMy4yMjEgOS41ODggMzkuMzc1IDE2LjY1NnMyOC4yNjcgMTIuNjE3IDM2LjM0NCAxNi42NTZjMTYuMTU0IDguMDc3IDI4Ljc4OCAxOS42OTkgMzcuODc1IDM0Ljg0NHMxMy42MjUgMzEuNzk2IDEzLjYyNSA0OS45Njh2MTQyLjM0NGgxMTUuMDk0YzE4LjE3My0yLjAxOSAyNy4yODEtMTMuMTIgMjcuMjgxLTMzLjMxMlY2MjYuNzhjMC0xNC4xMzUtNS4wNi0yNC4yMjMtMTUuMTU2LTMwLjI4MWwtMTY5LjYyNS04MS43ODFjNDIuNDA1LTMwLjI5IDYzLjYyNS03My43MSA2My42MjUtMTMwLjI1IDAtMzguMzY2LTEyLjExMy03Mi4xNTktMzYuMzQ0LTEwMS40MzgtMjQuMjMxLTI5LjI3OS01My41MTYtNDMuOTM2LTg3Ljg0NC00My45Mzd6TTQ3NC42MjUgNTg0Ljg3NWg0OS4xNTZ2ODMuOTA2aDg1LjQ2OXY0OS41OTRoLTg1LjQ2OXY4NC4wOTRoLTQ5LjE1NnYtODQuMDk0SDM5MC43NXYtNDkuNTk0aDgzLjg3NXYtODMuOTA2eiIgZmlsbD0iI2YyZjJmMiIvPjwvc3ZnPg==");
|
||||
// --icon-ojsxc-gear-f2f2f2: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NCIgaGVpZ2h0PSI0NCI+PHBhdGggZD0iTTIxLjk2MSA0Mi45OTFjLS4yMjYtLjU2Ni0uNDEzLTEuNzQ2LS40MTUtMi42MjMtLjAwNS0yLjQ1Mi0uMTItMi42NzUtMS41MTktMi45NzUtLjY2Ny0uMTQ0LTEuOTUxLS4zMzYtMi44NTMtLjQyN2wtMS42MzktLjE2Ni0uNzIyIDEuOTA0Yy0uNyAxLjg0Ni0xLjY4OCAzLjI2OC0yLjI3MSAzLjI2OC0uMzExIDAtMy4xMTQtMS41NTgtMy44ODQtMi4xNTktLjc1My0uNTg3LS4zNDYtMS44MjYgMS4yNS0zLjgxbDEuNDA2LTEuNzQ1LTEuMTQ0LTEuNDUzYy0uNjMtLjgtMS40NzctMS44NDctMS44ODUtMi4zMjhsLS43NC0uODc0LTIuMjA5IDEuMTk0Yy0xLjIxNS42NTctMi40NDcgMS4xOTQtMi43MzcgMS4xOTQtLjU4NiAwLTEuNDk0LTEuNzEtMi4wOC0zLjkyMi0uMzE3LTEuMTkzLS4zMDctMS4yNS4zMDYtMS43MTMuMzQ5LS4yNjMgMS42NDItLjY4MyAyLjg3My0uOTMybDIuMjQtLjQ1M3YtNS45ODZsLTEuODU2LS4zMmMtMS4wMi0uMTc2LTIuMy0uNTQxLTIuODQ1LS44MTItLjktLjQ0Ni0uOTc4LS41NjUtLjg1OC0xLjMwNC4wNzItLjQ0Ny40NTYtMS42NDcuODUzLTIuNjY2LjY0NC0xLjY1NS43OTQtMS44NTQgMS40LTEuODU0LjM3NCAwIDEuNjMuNTM5IDIuNzkzIDEuMTk3bDIuMTE0IDEuMTk4Ljc0Ny0uODc4YzEuNjI4LTEuOTE0IDIuNzctMy41MDEgMi43Ny0zLjg0OSAwLS4yLS40Ny0uOTM0LTEuMDQ0LTEuNjNDOC43OTQgNi41OTYgOC4yNCA1LjYwNCA4LjI0IDQuODk1YzAtLjU3NiAzLjQtMi44NDcgNC4yNi0yLjg0Ny42NSAwIDEuNDE1IDEuMDQ0IDIuMjcyIDMuMTAxLjM3NS44OTkuNzggMS43MzcuOSAxLjg2My4xMjcuMTM0IDEuMzkxLjA0IDMuMDQ3LS4yMjdsMi44My0uNDU1VjQuMTk0YzAtMS4zNjYuMTQ4LTIuNTA3LjQxMS0zLjE2NUMyMi4zNDcuMDY0IDIyLjQzOCAwIDIzLjQxMSAwYy41NzIgMCAxLjc2OS4xMjcgMi42Ni4yODJsMS42Mi4yODJ2MS4yNGMwIC42ODMtLjI5NiAyLjE3OS0uNjU4IDMuMzI1LS4zNjIgMS4xNDctLjYyMSAyLjEyLS41NzYgMi4xNjIuMDQ2LjA0MiAxLjIyMy42ODQgMi42MTYgMS40MjdsMi41MzQgMS4zNSAxLjU2MS0xLjY5YzEuNDc2LTEuNTk4IDIuNzUyLTIuNDkyIDMuNTU5LTIuNDkyLjMyIDAgMy4yNSAzLjIyOSAzLjI1IDMuNTgxIDAgLjQ3Ni0xLjg4NSAyLjI3Ni0zLjM5NSAzLjI0NC0xLjYzIDEuMDQ2LTEuNzYgMS4xOTItMS42IDEuODIzLjI4IDEuMTIyIDEuNjg0IDQuNjQxIDEuOTA1IDQuNzc3LjExMi4wNyAxLjE3NC0uMDA0IDIuMzYtLjE2MiAxLjc5LS4yNCAyLjM1LS4yMjQgMy4yOTguMDkybDEuMTQyLjM4djQuNzk4bC0xLjE1Mi4zNGMtLjkyNy4yNzItMS41OS4yOC0zLjQwNC4wMzYtMS4zMjktLjE3OC0yLjMzOS0uMjA4LTIuNDYzLS4wNzItLjM1LjM4Mi0xLjg2IDUuMTktMS43MDYgNS40MzguMDc4LjEyNy45MzEuNyAxLjg5NSAxLjI3MiAxLjEyLjY2NSAyLjAwMyAxLjQyIDIuNDQ2IDIuMDlsLjY5NCAxLjA0OC0uNTEzLjY1MmMtLjc4NiAxLTIuMjI2IDIuNTY0LTIuNTM1IDIuNzU1LS41OTEuMzY2LTIuMjc0LS42ODMtMy44ODMtMi40MTlsLTEuNjYzLTEuNzk1LTIuNDMyIDEuNDU3Yy0xLjMzNy44LTIuNDcyIDEuNDg5LTIuNTIxIDEuNTI4LS4wNS4wNC4yMTYuOTkzLjU5IDIuMTE3LjQ1OCAxLjM3NS42NTUgMi40NS42MDIgMy4yOGwtLjA3OCAxLjIzNC0xLjQwOC4yOTVjLS43NzQuMTYzLTEuOTQyLjMwNy0yLjU5NS4zMi0xLjE1Ni4wMjQtMS4yLS4wMDMtMS42LTEuMDA0em0zLjUxMy0xMy4xNDNjNi4xMDEtMi45ODUgNi40MzUtMTIuMDI3LjU2OS0xNS4zNzctMi4yNTQtMS4yODgtNS41OTgtMS40NTUtNy45OTQtLjQtMS40NzUuNjUtMy4zMjMgMi40Mi00LjEzNyAzLjk2Mi0uNjEyIDEuMTYtLjY4IDEuNTYxLS42OCAzLjk3NyAwIDIuMzEyLjA4MiAyLjg0LjU4NyAzLjc4NiAxLjI1IDIuMzQ0IDMuMzcyIDQuMDI0IDUuODc0IDQuNjUzIDEuNjY4LjQyIDQuMjQyLjE1MiA1Ljc4MS0uNjAxeiIgZmlsbD0iI2YyZjJmMiIvPjwvc3ZnPg==");
|
||||
|
||||
// BBB
|
||||
// --icon-bbb-chain-plus-f2f2f2: url("data:image/svg+xml;base64,PHN2ZyB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIiB2ZXJzaW9uPSIxLjEiIGlkPSJFYmVuZV8yIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMyIDMyIiB4bWw6c3BhY2U9InByZXNlcnZlIiBzb2RpcG9kaTpkb2NuYW1lPSJjaGFpbi1wbHVzLnN2ZyIgaW5rc2NhcGU6dmVyc2lvbj0iMC45Mi41ICgyMDYwZWMxZjlmLCAyMDIwLTA0LTA4KSIgZmlsbD0iI2YyZjJmMiI+PG1ldGFkYXRhIGlkPSJtZXRhZGF0YTE2Ij48cmRmOlJERj48Y2M6V29yayByZGY6YWJvdXQ9IiI+PGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+PGRjOnR5cGUgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIvPjxkYzp0aXRsZS8+PC9jYzpXb3JrPjwvcmRmOlJERj48L21ldGFkYXRhPjxkZWZzIGlkPSJkZWZzMTQiPgoJCgkKCQoJCjwvZGVmcz48c29kaXBvZGk6bmFtZWR2aWV3IHBhZ2Vjb2xvcj0iI2ZmZmZmZiIgYm9yZGVyY29sb3I9IiM2NjY2NjYiIGJvcmRlcm9wYWNpdHk9IjEiIG9iamVjdHRvbGVyYW5jZT0iMTAiIGdyaWR0b2xlcmFuY2U9IjEwIiBndWlkZXRvbGVyYW5jZT0iMTAiIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIiBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIiBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjEzMjciIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9Ijk4NiIgaWQ9Im5hbWVkdmlldzEyIiBzaG93Z3JpZD0iZmFsc2UiIGlua3NjYXBlOnpvb209IjcuMzc1IiBpbmtzY2FwZTpjeD0iLTEwLjQ0MDY3OCIgaW5rc2NhcGU6Y3k9IjIyLjUzNjY5NiIgaW5rc2NhcGU6d2luZG93LXg9IjIwNzkiIGlua3NjYXBlOndpbmRvdy15PSI3NTQiIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjAiIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9IkViZW5lXzIiLz4KPHBhdGggaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIgaWQ9InBhdGg0IiBkPSJNIDEuNjEwNjQ3NywxNC4zMDQ2OTEgQyAwLjM3NjQ2NTY5LDEzLjY5Njc2MSAtMC4yMzE0NjQ3MywxMi4yMDI3NTEgMC4wODExMDU4OSwxMC41MTYwOTEgMC4yMTk5MDI3OSw5Ljc2ODgwODUgMi40NDQ1Mzk1LDcuMzM1OTc2NCAzLjM4MzM2MTcsNi44ODQ2MDg5IDMuOTkxMjkyMiw2LjYwNjQ1OTkgNS45MjA1NjkxLDYuNTAyNjM5OCA1LjkyMDU2OTEsNi43NDUyNTY4IGMgMCwwLjIyNTk2MTMgLTEuMjg2MzY5NywxLjM3Mjk3ODkgLTEuNjY4MzM4OCwxLjQ5NDU2NSBDIDQuMDQ0MDM1LDguMzA5MjIwMyAzLjM2NjE1MDksOC44ODI3MjkgMi43MjI2ODg1LDkuNTQzNDAyMyAxLjY4MDYwMTQsMTAuNjM4Nzg3IDEuNTc2MjI2MSwxMC44MTIwMDYgMS41NzYyMjYxLDExLjQ3MjY3OSBjIDAsMC45MzgyNjcgMC42MjU2OTY0LDEuNTYzOTY0IDEuNTgxNzI5NSwxLjU2Mzk2NCAwLjU5MDcxOTYsMCAwLjgxNjY4MDksLTAuMTM4Nzk3IDEuODc3MDg5MiwtMS4xNDcwMTggMC42NzczMjg5LC0wLjYyNTY5NiAxLjI2ODA0ODUsLTEuMzAzNTggMS4zMzgwMDIyLC0xLjUxMTc3NiAwLjEyMTU4NiwtMC40MDAyOSAxLjI1MDgzNzYsLTEuNjg1NTQ5MyAxLjQ5NDU2NSwtMS42ODU1NDkzIDAuMjA4NzUwNSwwIDAuMTc0MzI4OSwxLjgwNzEzNTMgLTAuMDM0OTc3LDIuMzYyMzIzMyAtMC4yNDMxNzIsMC42MjY4MDcgLTIuNTAyNzg1NSwyLjkzNzQ5OCAtMy4yMTU2NDY0LDMuMjY4Mzg5IC0wLjc0NjcyNzMsMC4zNjQ3NTkgLTIuMjc2MjY5MiwwLjM0NzU0OCAtMy4wMDYzNDA5LC0wLjAxODMyIHoiIHN0eWxlPSIiLz48cGF0aCBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIiBpZD0icGF0aDYiIGQ9Ik0gNC43MDQxNTMsOS45MDgxNjA1IEMgNC41MTMxNjg1LDkuNzE3MTc2IDQuMzU2NjA1Niw5LjQ3MzQ0ODcgNC4zNTY2MDU2LDkuMzUyNDE3OCBjIDAsLTAuMTIyMTQxMyAxLjA3NzYxOTEsLTEuMjg2MzY5NyAyLjM5ODQxMDQsLTIuNjA3MTYxIEMgOC43NTI1ODEsNC43NDY1ODE0IDkuMjA1NjE0MSw0LjM4MTgyMzIgOS41MzUzOTU1LDQuNDY4NDMyNCAxMC4wMjIyOTUsNC41OTAwMTg1IDEwLjI2NDM1Nyw1LjAyNDczMDQgMTAuMDkxMTM4LDUuNDc2MDk3OSA5LjkxNzM2NDYsNS45MTAyNTQ2IDUuNTIwODM0LDEwLjI1NTE1MyA1LjI1OTg5NTgsMTAuMjU1MTUzIDUuMTM4MzA5NywxMC4yNTU3MDggNC44OTUxMzc2LDEwLjA5OTE0NSA0LjcwNDE1Myw5LjkwODE2MDUgWiIgc3R5bGU9IiIvPjxwYXRoIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiIGlkPSJwYXRoOCIgZD0ibSA4LjcwMjA1ODksNy44NTc4NTI3IGMgMCwtMC4yNDM3MjczIDEuMjg1MjU5MywtMS4zNzI5Nzg5IDEuNjg0OTk0MSwtMS40OTQ1NjUgMC4yMDg3NTEsLTAuMDY5Mzk4IDAuODg2NjM1LC0wLjY2MDExOCAxLjUxMjMzMSwtMS4zMzgwMDIxIDEuMDA3NjY2LC0xLjA2MDQwODMgMS4xNDcwMTgsLTEuMjg1ODE0NSAxLjE0NzAxOCwtMS44NzcwODkzIDAsLTAuOTU1NDc3OCAtMC42MjU2OTcsLTEuNTgxNzI5NCAtMS41NjQ1MTksLTEuNTgxNzI5NCAtMC42NjA2NzMsMCAtMC44MzMzMzYsMC4xMDQzNzUyIC0xLjkyOTI3NjcsMS4xNDcwMTc1IEMgOC44OTMwNDM1LDMuMzU2MzkxNyA4LjMxODk3OTUsNC4wMzQyNzU3IDguMjQ5NTgxLDQuMjQzMDI2MyA4LjEyNzk5NSw0LjYyNDk5NTMgNi45ODA0MjIyLDUuOTEwODA5OCA2Ljc1NTAxNiw1LjkxMDgwOTggNi41MTEyODg3LDUuOTEwODA5OCA2LjYxNTY2MzksMy45ODIwODgxIDYuODkzODEyOSwzLjM5MDgxMzMgNy4yMjQxNDk2LDIuNjc4NTA3NiA5LjUzNTM5NTUsMC40MTg4OTQwOSAxMC4xNjA1MzcsMC4xNzU3MjE5MiAxMC44NzI4NDIsLTAuMDg1MjE2MjUgMTIuMzE1Nzc1LC0wLjAzMzAyODYyIDEyLjk5MzY1OSwwLjI4MDA5NzE5IDE0LjI0NTA1MiwwLjg4ODU4MjggMTQuODUzNTM4LDIuMzgzMTQ3OCAxNC41NDA0MTIsNC4wODU5MDgyIDE0LjQwMTA2LDQuODMzMTkwNyAxMi4xNzY0MjMsNy4yNjY1Nzc5IDExLjIzODcxMSw3LjcxODUwMDcgMTAuNjI5NjcsNy45OTcyMDQ4IDguNzAyMDU4OSw4LjEwMTAyNDkgOC43MDIwNTg5LDcuODU3ODUyNyBaIiBzdHlsZT0iIi8+Cjx0ZXh0IHhtbDpzcGFjZT0icHJlc2VydmUiIHN0eWxlPSIiIHg9IjkuMDQyMjM4MiIgeT0iMTcuMDA2NDY4IiBpZD0idGV4dDQ1NjAiPjx0c3BhbiBzb2RpcG9kaTpyb2xlPSJsaW5lIiBpZD0idHNwYW40NTU4IiB4PSI5LjA0MjIzODIiIHk9IjE3LjAwNjQ2OCIgc3R5bGU9IiI+KzwvdHNwYW4+PC90ZXh0Pgo8L3N2Zz4=");
|
||||
}
|
|
@ -4,7 +4,7 @@
|
|||
* @copyright Copyright (C) 2020 Magnus Walbeck <mw@mwalbeck.org>
|
||||
*
|
||||
* @author Magnus Walbeck <mw@mwalbeck.org>
|
||||
*
|
||||
*
|
||||
* @license GNU AGPL version 3 or any later version
|
||||
*
|
||||
* This program is free software: you can redistribute it and/or modify
|
||||
|
@ -22,9 +22,10 @@
|
|||
*
|
||||
*/
|
||||
|
||||
|
||||
$(document).ready(function () {
|
||||
$('#breezedark-enabled').change(function () {
|
||||
$.post(OC.generateUrl('apps/breezedark/settings/admin'), ({theme_enabled: this.checked ? 1 : 0}));
|
||||
window.addEventListener("DOMContentLoaded", function () {
|
||||
$("#breezedark-enabled").change(function () {
|
||||
$.post(OC.generateUrl("apps/breezedark/settings/admin"), {
|
||||
theme_enabled: this.checked ? 1 : 0,
|
||||
});
|
||||
});
|
||||
});
|
||||
|
|
|
@ -4,7 +4,7 @@
|
|||
* @copyright Copyright (C) 2020 Magnus Walbeck <mw@mwalbeck.org>
|
||||
*
|
||||
* @author Magnus Walbeck <mw@mwalbeck.org>
|
||||
*
|
||||
*
|
||||
* @license GNU AGPL version 3 or any later version
|
||||
*
|
||||
* This program is free software: you can redistribute it and/or modify
|
||||
|
@ -22,9 +22,8 @@
|
|||
*
|
||||
*/
|
||||
|
||||
|
||||
$(document).ready(function () {
|
||||
$('#breezedark-enabled').change(function () {
|
||||
$.post(OC.generateUrl('apps/breezedark/settings'), ({theme_enabled: this.checked ? 1 : 0}));
|
||||
window.addEventListener("DOMContentLoaded", function () {
|
||||
$("#breezedark-enabled").change(function () {
|
||||
$.post(OC.generateUrl("apps/breezedark/settings"), { theme_enabled: this.checked ? 1 : 0 });
|
||||
});
|
||||
});
|
||||
|
|
File diff suppressed because it is too large
Load Diff
|
@ -0,0 +1,17 @@
|
|||
{
|
||||
"name": "breezedark",
|
||||
"version": "1.0.0",
|
||||
"description": "Breeze Dark theme for Nextcloud",
|
||||
"author": "Magnus Walbeck",
|
||||
"devDependencies": {
|
||||
"prettier": "^2.0.5",
|
||||
"stylelint": "^13.6.1",
|
||||
"stylelint-config-prettier": "^8.0.2",
|
||||
"stylelint-config-sass-guidelines": "^7.0.0",
|
||||
"stylelint-prettier": "^1.1.2"
|
||||
},
|
||||
"scripts": {
|
||||
"prettier": "prettier -c css/ js/",
|
||||
"lint:scss": "stylelint css/"
|
||||
}
|
||||
}
|
Loading…
Reference in New Issue