Standardnotes theme. Forked from https://github.com/standardnotes/titanium-theme
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
364 lines
9.7 KiB
364 lines
9.7 KiB
:root {
|
|
--foreground-color: #3d3c40;
|
|
--background-color: rebeccapurple;
|
|
--highlight-color: #c9cccf;
|
|
--primary-tint-color: #d9dbde;
|
|
--high-contrast-bg-color: #d9dbde;
|
|
--border-color: var(--highlight-color);
|
|
--secondary-bg-color: var(--high-contrast-bg-color);
|
|
--tertiary-bg-color: var(--high-contrast-bg-color);
|
|
/* Tags */
|
|
--tags-text-color: var(--foreground-color);
|
|
--tags-bg-color: #d9dbde;
|
|
--tags-selected-bg-color: var(--highlight-color);
|
|
/* Notes */
|
|
--note-cell-text-color: var(--foreground-color);
|
|
--note-cell-selected-text-color: var(--foreground-color);
|
|
--notes-column-header-bg-color: #d9dbde;
|
|
--note-cell-selected-bg-color: var(--highlight-color);
|
|
--note-cell-border-color: var(--border-color);
|
|
--notes-column-left-border-color: var(--border-color);
|
|
--notes-column-right-border-color: var(--border-color);
|
|
--notes-column-inset-left-border-color: 0;
|
|
--notes-column-inset-right-border-color: 0;
|
|
/* Editor */
|
|
--editor-text-color: var(--foreground-color);
|
|
--editor-bg-color: var(--high-contrast-bg-color);
|
|
--editor-title-bar-bg-color: var(--primary-tint-color);
|
|
/* Footer */
|
|
--footer-bg-color: var(--high-contrast-bg-color);
|
|
--footer-link-color: var(--background-color);
|
|
--footer-bar-border-top-color: var(--border-color);
|
|
/* UI Components */
|
|
--ui-component-text-color: var(--foreground-color);
|
|
--ui-component-bg-color: var(--high-contrast-bg-color);
|
|
/* Column Menus */
|
|
--section-menu-bar-bg-color: var(--highlight-color);
|
|
--colomn-menu-text-color: var(--foreground-color);
|
|
--colomn-menu-bg-color: var(--highlight-color);
|
|
--colomn-menu-highlighted-bg-color: var(--background-color);
|
|
--menu-section-sep-color: var(--border-color);
|
|
--menu-item-sep-color: rgba(0, 0, 0, 0.1);
|
|
/* General */
|
|
--heading-text-color: var(--foreground-color);
|
|
--bar-bg-color: var(--background-color);
|
|
--link-color: var(--background-color);
|
|
--selection-color: var(--border-color);
|
|
--sn-component-background-color: var(--note-cell-selected-bg-color);
|
|
--sn-component-foreground-color: var(--foreground-color);
|
|
--sn-component-foreground-highlight-color: var(--background-color);
|
|
--sn-component-outer-border-color: transparent;
|
|
--sn-component-inner-border-color: var(--foreground-color);
|
|
--sn-desktop-titlebar-bg-color: var(--high-contrast-bg-color);
|
|
--sn-desktop-titlebar-border-color: var(--highlight-color);
|
|
--sn-desktop-titlebar-ui-color: var(--foreground-color);
|
|
--sn-desktop-titlebar-ui-hover-color: var(--background-color);
|
|
}
|
|
|
|
/* General */
|
|
.windows-web ::-webkit-scrollbar, .windows-desktop ::-webkit-scrollbar, .linux-web ::-webkit-scrollbar, .linux-desktop ::-webkit-scrollbar {
|
|
border-left-color: var(--border-color) !important;
|
|
}
|
|
.windows-web ::-webkit-scrollbar-thumb, .windows-desktop ::-webkit-scrollbar-thumb, .linux-web ::-webkit-scrollbar-thumb, .linux-desktop ::-webkit-scrollbar-thumb {
|
|
background-color: var(--highlight-color) !important;
|
|
}
|
|
|
|
::selection {
|
|
background: var(--selection-color) !important;
|
|
/* WebKit/Blink Browsers */
|
|
color: white;
|
|
}
|
|
|
|
::-moz-selection {
|
|
background: var(--link-color) !important;
|
|
/* Gecko Browsers */
|
|
color: white;
|
|
}
|
|
|
|
body {
|
|
color: var(--foreground-color) !important;
|
|
}
|
|
|
|
.app .section > .content {
|
|
background-color: var(--high-contrast-bg-color) !important;
|
|
}
|
|
|
|
.add-button {
|
|
background-color: var(--ui-component-bg-color) !important;
|
|
color: var(--ui-component-text-color) !important;
|
|
}
|
|
|
|
.app-bar {
|
|
background-color: var(--ui-component-bg-color) !important;
|
|
border-color: var(--border-color) !important;
|
|
}
|
|
.app-bar .item.border {
|
|
border-color: var(--border-color) !important;
|
|
}
|
|
|
|
.blue {
|
|
/*legacy, replaced with .tinted */
|
|
color: var(--link-color) !important;
|
|
}
|
|
|
|
.tinted {
|
|
color: var(--link-color) !important;
|
|
}
|
|
|
|
.tinted-selected {
|
|
color: var(--link-color) !important;
|
|
}
|
|
|
|
/* Tags */
|
|
.app .tags, .tags .content {
|
|
background-color: var(--tags-bg-color) !important;
|
|
}
|
|
|
|
#tags-title-bar {
|
|
color: var(--heading-text-color) !important;
|
|
}
|
|
|
|
.tags .tag {
|
|
color: var(--tags-text-color) !important;
|
|
}
|
|
|
|
.tags .tag a {
|
|
color: var(--link-color) !important;
|
|
}
|
|
|
|
.tags .tag > .info > .title {
|
|
color: var(--tags-text-color) !important;
|
|
}
|
|
|
|
.tags .tag.selected {
|
|
background-color: var(--tags-selected-bg-color) !important;
|
|
}
|
|
|
|
.tags .tag:hover:not(.selected) {
|
|
background-color: var(--tags-selected-bg-color) !important;
|
|
}
|
|
|
|
/* Notes */
|
|
.app .notes .content {
|
|
background-color: var(--tertiary-bg-color) !important;
|
|
}
|
|
|
|
.notes {
|
|
border-left: 1px solid var(--notes-column-left-border-color) !important;
|
|
border-right: 1px solid var(--notes-column-right-border-color) !important;
|
|
}
|
|
|
|
#notes-title-bar {
|
|
color: var(--heading-text-color) !important;
|
|
background-color: var(--notes-column-header-bg-color) !important;
|
|
}
|
|
|
|
.notes .filter-section .filter-bar {
|
|
background-color: var(--ui-component-bg-color) !important;
|
|
}
|
|
|
|
.notes .note.selected {
|
|
background-color: var(--note-cell-selected-bg-color) !important;
|
|
color: var(--note-cell-selected-text-color) !important;
|
|
}
|
|
|
|
.notes .note {
|
|
border-bottom: 1px solid var(--note-cell-border-color) !important;
|
|
background-color: var(--tertiary-bg-color) !important;
|
|
color: var(--note-cell-text-color);
|
|
}
|
|
|
|
.notes .scrollable {
|
|
border-left: 1px solid var(--notes-column-inset-left-border-color) !important;
|
|
border-right: 1px solid var(--notes-column-inset-right-border-color) !important;
|
|
}
|
|
|
|
/* Editor */
|
|
#editor-title-bar {
|
|
background-color: var(--editor-title-bar-bg-color) !important;
|
|
}
|
|
|
|
#editor-title-bar > .title > .input {
|
|
color: var(--heading-text-color) !important;
|
|
}
|
|
|
|
.editor, .editor-content {
|
|
background-color: var(--editor-bg-color) !important;
|
|
}
|
|
|
|
.editor-content .editable {
|
|
background-color: var(--editor-bg-color);
|
|
color: var(--editor-text-color);
|
|
}
|
|
|
|
#editor-title-bar .editor-tags .tags-input {
|
|
color: var(--heading-text-color) !important;
|
|
}
|
|
|
|
#editor-title-bar #save-status {
|
|
color: #8C8F91 !important;
|
|
}
|
|
|
|
/* Editors */
|
|
.CodeMirror {
|
|
background-color: var(--editor-bg-color) !important;
|
|
color: var(--editor-text-color) !important;
|
|
border: 0 !important;
|
|
}
|
|
|
|
.CodeMirror-cursor {
|
|
border-color: white;
|
|
}
|
|
|
|
.CodeMirror-selected {
|
|
background: var(--selection-color) !important;
|
|
}
|
|
|
|
.CodeMirror-gutters {
|
|
background-color: var(--high-contrast-bg-color) !important;
|
|
color: var(--editor-text-color) !important;
|
|
border-color: var(--border-color) !important;
|
|
}
|
|
|
|
.CodeMirror .cm-header {
|
|
font-family: arial;
|
|
color: var(--editor-text-color) !important;
|
|
}
|
|
|
|
.CodeMirror .cm-variable-2 {
|
|
font-family: arial;
|
|
color: var(--link-color) !important;
|
|
}
|
|
|
|
.CodeMirror .cm-link, .cm-string, .cm-keyword {
|
|
font-family: arial;
|
|
color: var(--editor-text-color) !important;
|
|
}
|
|
|
|
.CodeMirror .CodeMirror-linenumber {
|
|
color: gray !important;
|
|
}
|
|
|
|
/* Code Editor bottom toolbar */
|
|
#select-wrapper {
|
|
background-color: var(--high-contrast-bg-color) !important;
|
|
color: var(--editor-text-color) !important;
|
|
border-color: var(--border-color) !important;
|
|
}
|
|
|
|
/* Advanced Markdown top toolbar */
|
|
.editor-toolbar {
|
|
background-color: var(--high-contrast-bg-color) !important;
|
|
border-color: var(--border-color) !important;
|
|
}
|
|
|
|
.editor-toolbar::before, ::after {
|
|
background: 0 !important;
|
|
}
|
|
|
|
.editor-toolbar a {
|
|
color: var(--editor-text-color) !important;
|
|
}
|
|
|
|
.editor-toolbar a.active, .editor-toolbar a:hover {
|
|
border-color: transparent;
|
|
background: var(--border-color);
|
|
}
|
|
|
|
.editor-toolbar.disabled-for-preview a:not(.no-disable) {
|
|
background: inherit;
|
|
}
|
|
|
|
.editor-preview-active, .editor-preview-active-side {
|
|
background-color: var(--editor-bg-color) !important;
|
|
border: 0 !important;
|
|
border-left: 1px solid var(--border-color) !important;
|
|
color: var(--editor-text-color) !important;
|
|
}
|
|
|
|
#sn-advanced-markdown-editor .editor-toolbar i.separator {
|
|
border-right-color: var(--border-color);
|
|
}
|
|
|
|
#sn-advanced-markdown-editor .editor-preview.editor-preview-active pre, #sn-advanced-markdown-editor .editor-preview-side.editor-preview-active-side pre {
|
|
background-color: var(--border-color);
|
|
padding: 20px;
|
|
}
|
|
|
|
/* Simple Markdown Editor */
|
|
#simple-markdown {
|
|
background-color: var(--editor-bg-color) !important;
|
|
color: var(--editor-text-color) !important;
|
|
}
|
|
|
|
#simple-markdown #editor {
|
|
background-color: var(--editor-bg-color) !important;
|
|
color: var(--editor-text-color) !important;
|
|
}
|
|
|
|
#simple-markdown #column-resizer {
|
|
background-color: var(--border-color) !important;
|
|
}
|
|
|
|
/* Plus Editor */
|
|
#plus-editor .note-editor.note-frame.fullscreen .note-editable {
|
|
background-color: var(--editor-bg-color) !important;
|
|
color: var(--editor-text-color) !important;
|
|
}
|
|
|
|
#plus-editor .panel-default > .panel-heading {
|
|
background-color: var(--editor-bg-color) !important;
|
|
}
|
|
|
|
#plus-editor .btn-default {
|
|
color: var(--ui-component-text-color) !important;
|
|
background-color: var(--ui-component-bg-color) !important;
|
|
border-color: var(--highlight-color) !important;
|
|
}
|
|
|
|
#plus-editor .panel-heading {
|
|
border-color: var(--border-color) !important;
|
|
}
|
|
|
|
#plus-editor .dropdown-menu > li > a {
|
|
color: var(--editor-text-color);
|
|
}
|
|
|
|
#plus-editor .table-bordered td {
|
|
border-color: var(--note-cell-border-color);
|
|
}
|
|
|
|
.component-stack-border {
|
|
border-color: var(--border-color) !important;
|
|
}
|
|
|
|
/*SN Components */
|
|
:root {
|
|
--body-text-color: var(--editor-text-color);
|
|
--body-background-color: var(--high-contrast-bg-color);
|
|
--element-text-color: var(--ui-component-text-color);
|
|
--element-background-color: var(--ui-component-bg-color);
|
|
--tint-color: var(--highlight-color);
|
|
}
|
|
|
|
.sn-component .element-background-color {
|
|
background-color: var(--element-background-color);
|
|
}
|
|
|
|
.sn-component .body-background-color {
|
|
background-color: var(--body-background-color);
|
|
}
|
|
|
|
.sn-component .element-text-color {
|
|
color: var(--element-text-color);
|
|
}
|
|
|
|
.sn-component .body-text-color {
|
|
color: var(--body-text-color);
|
|
}
|
|
|
|
.sn-component .border-color {
|
|
border-color: var(--border-color) !important;
|
|
}
|
|
|
|
/*# sourceMappingURL=dist.css.map */
|
|
|