diff --git a/packages/com.sncommunity.dark-mint-theme/dark-mint-theme-standardnotes.jpeg b/packages/com.sncommunity.dark-mint-theme/dark-mint-theme-standardnotes.jpeg new file mode 100644 index 0000000..df4e5c8 Binary files /dev/null and b/packages/com.sncommunity.dark-mint-theme/dark-mint-theme-standardnotes.jpeg differ diff --git a/packages/com.sncommunity.dark-mint-theme/package.json b/packages/com.sncommunity.dark-mint-theme/package.json new file mode 100644 index 0000000..5c5dbf9 --- /dev/null +++ b/packages/com.sncommunity.dark-mint-theme/package.json @@ -0,0 +1,25 @@ +{ + "name": "@standardnotes/dark-mint", + "version": "1.0.0", + "main": "dist/dist.css", + "author": "Passkeys", + "description": "A mint inspired dark theme.", + "publishConfig": { + "access": "public" + }, + "sn": { + "name": "Dark Mint", + "content_type": "SN|Theme", + "area": "themes", + "main": "dist/dist.css", + "showInGallery": true + }, + "scripts": { + "build": "webpack --entry ./src/main.scss --config ../theme.webpack.config.js", + "test": "echo \"Error: no test specified\" && exit 0" + }, + "devDependencies": { + "webpack": "*" + } +} + diff --git a/packages/com.sncommunity.dark-mint-theme/src/main.css b/packages/com.sncommunity.dark-mint-theme/src/main.css new file mode 100644 index 0000000..cee2a62 --- /dev/null +++ b/packages/com.sncommunity.dark-mint-theme/src/main.css @@ -0,0 +1,82 @@ +:root { + + --background-1: #0f1b24; + --background-2: #1a2d3c; + --background-3: #0f1b24; + --border-color: #1f3649; + --foreground-1: #a4f4a1; + --foreground-2: #7fc194; + + --sn-stylekit-neutral-color: var(--foreground-2); + --sn-stylekit-neutral-contrast-color: white; /* Button text*/ + + --sn-stylekit-info-color: #7fc194; + --sn-stylekit-info-color-darkened: #5a8e87; /* No effect noted */ + --sn-stylekit-info-contrast-color: black; /* Button text */ + --sn-stylekit-info-backdrop-color: var(--background-3); /* Background of selected theme and category in preferences*/ + + --sn-stylekit-success-color: #7fc194; + --sn-stylekit-success-contrast-color: black; /* Button text */ + + --sn-stylekit-warning-color: #199191; + --sn-stylekit-warning-contrast-color: black; /* Button text */ + + --sn-stylekit-danger-color: #ff4c4c; + --sn-stylekit-danger-contrast-color: white; /* Button text */ +/*--sn-stylekit-danger-light-color: #FF9898; /* Background of days with notes in journal view */ + + --sn-stylekit-shadow-color: var(--border-color); /* Divider in alternative rich text editor */ + --sn-stylekit-background-color: var(--background-1); /* Notes panel background, editor header background, and menu background */ + + --sn-stylekit-border-color: var(--border-color); /* Border between panels and items */ + --sn-stylekit-foreground-color: var(--foreground-1); /* When hovering over menus/tags in note panel, Basic Markdown editor */ + + --sn-stylekit-contrast-background-color: var(--background-2); /* Title bar, status bar, selected note background */ + --sn-stylekit-contrast-border-color: var(--border-color); /* Title bar border */ + --sn-stylekit-contrast-foreground-color: var(--foreground-1); /* Menu and status bar icons, button text, theme menu text */ + + --sn-stylekit-secondary-background-color: var(--background-2); /* View panel background colour */ + --sn-stylekit-secondary-foreground-color: var(--foreground-1); /* View panel text colour */ + --sn-stylekit-secondary-border-color: var(--border-color); /* Rich text edior's button borders */ + + --sn-stylekit-secondary-contrast-border-color: #7fc194; /* No noted effect */ + --sn-stylekit-secondary-contrast-background-color: var(--background-2); /* Basic Markdown Buttons */ + --sn-stylekit-secondary-contrast-foreground-color: var(--foreground-1); /* Basic Markdown Buttons */ + + --sn-stylekit-editor-background-color: var(--background-1); /* Editor panel and some editor elements */ + --sn-stylekit-editor-foreground-color: var(--foreground-1); /* Editor panel and some editor elements */ + + --sn-stylekit-paragraph-text-color: var(--foreground-2); /* Text colour in preferences */ + + --sn-stylekit-input-placeholder-color: var(--foreground-1); /* Search modal within authenticator note type */ + --sn-stylekit-input-border-color: #7fc194; /* No noted effect */ + + --sn-stylekit-scrollbar-thumb-color: var(--sn-stylekit-info-color); /* Scroll bars */ + --sn-stylekit-scrollbar-track-border-color: #7fc194; /* No noted effect */ + + --sn-stylekit-theme-type: dark; + --sn-stylekit-theme-name: dark-mint; + + --sn-stylekit-passive-color-0: var(--foreground-2); /* Search modal text */ + --sn-stylekit-passive-color-1: var(--foreground-2); /* Magnifying glass in search modal and theme radio buttons */ + /*--sn-stylekit-passive-color-2: #7fc194 /* Background to "Genereating Keys..." caption */ + --sn-stylekit-passive-color-3: var(--border-color); /* Search modal border */ + --sn-stylekit-passive-color-4: var(--background-2); /* No noted effect - editor panel flashes when switching to Titanium */ + --sn-stylekit-passive-color-4-opacity-variant: var(--border-color); /* Tag background colour, progress background of task list preview */ + --sn-stylekit-passive-color-5: var(--background-3); /* Background of file upload status */ +/*--sn-stylekit-passive-color-6: #7fc194; /* No noted effect + --sn-stylekit-passive-color-super-light: #a4f4a1; /* No noted effect */ + +/*--sn-stylekit-accessory-tint-color-1: #E5E5CB; + --sn-stylekit-accessory-tint-color-2: #E5E5CB; /* These are the editor icon colours + --sn-stylekit-accessory-tint-color-3: #E5E5CB; + --sn-stylekit-accessory-tint-color-4: #E5E5CB; + --sn-stylekit-accessory-tint-color-5: #E5E5CB; + --sn-stylekit-accessory-tint-color-6: #E5E5CB; */ + + --navigation-item-selected-background-color: var(--sn-stylekit-background-color); +} + +#blocks-editor hr:after { + background-color: #5a8e87; +}