Skip to content

Instantly share code, notes, and snippets.

@chuangzhu
Last active October 18, 2020 12:35
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save chuangzhu/8b7f53fda21b4b9cd8d95091c8fd5965 to your computer and use it in GitHub Desktop.
Save chuangzhu/8b7f53fda21b4b9cd8d95091c8fd5965 to your computer and use it in GitHub Desktop.
Breeze dark theme for Standard Notes (desktop only). https://listed.to/p/ZuCytDdDW8
:root {
--background-1: #31363b;
--background-2: #232629;
--foreground-color: #eff0f1;
--border-color: #616569;
--highlight-color: #3daee9;
--highlight-contrast: #3daee9;
--sn-stylekit-info-color: #3daee9;
--sn-stylekit-info-contrast-color: #cccccc;
--sn-stylekit-neutral-color: #3daee9;
--sn-stylekit-neutral-contrast-color: #cccccc;
--sn-stylekit-success-color: #27ae60;
--sn-stylekit-success-contrast-color: #cccccc;
--sn-stylekit-warning-color: #f67400;
--sn-stylekit-warning-contrast-color: #bbbbbb;
--sn-stylekit-danger-color: #da4453;
--sn-stylekit-danger-contrast-color: #bbbbbb;
--sn-stylekit-shadow-color: var(--background-2);
--sn-stylekit-background-color: var(--background-1);
--sn-stylekit-foreground-color: var(--foreground-color);
--sn-stylekit-border-color: var(--border-color);
--sn-stylekit-paragraph-text-color: var(--foreground-color);
--sn-stylekit-contrast-background-color: var(--background-2);
--sn-stylekit-contrast-foreground-color: var(--foreground-color);
--sn-stylekit-contrast-border-color: #31363b;
--sn-stylekit-secondary-background-color: var(--background-1);
--sn-stylekit-secondary-foreground-color: var(--foreground-color);
--sn-stylekit-secondary-border-color: var(--border-color);
--sn-stylekit-secondary-contrast-background-color: var(--background-2);
--sn-stylekit-secondary-contrast-foreground-color: var(--foreground-color);
--sn-stylekit-secondary-contrast-border-color: var(--border-color);
--sn-stylekit-editor-background-color: #232629;
--sn-stylekit-editor-foreground-color: var(--foreground-color);
--sn-stylekit-scrollbar-track-border-color: var(--border-color);
--sn-stylekit-scrollbar-thumb-color: #6b6d6f;
--sn-desktop-titlebar-bg-color: var(--background-1);
--sn-desktop-titlebar-border-color: var(--border-color);
--sn-desktop-titlebar-ui-color: var(--foreground-color);
--sn-desktop-titlebar-ui-hover-color: var(--highlight-color);
}
#notes-column .infinite-scroll, .notes .infinite-scroll {
border-left: 1px solid var(--sn-stylekit-border-color);
}
#notes-column, .notes {
border-left: none;
border-right: none;
}
.editor-content .editable, #editor-content .editable {
border: 1px solid var(--border-color);
}
#notes-menu-bar.sn-component .sk-app-bar.no-edges {
border-left: 1px solid var(--border-color);
border-right: 0;
}
{
"sn": {
"main": "breeze-dark.css"
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment