feat: add themes source (#1089)
This commit is contained in:
1
packages/components/src/org.standardnotes.theme-midnight/.gitignore
vendored
Normal file
1
packages/components/src/org.standardnotes.theme-midnight/.gitignore
vendored
Normal file
@@ -0,0 +1 @@
|
||||
dist
|
||||
@@ -0,0 +1,12 @@
|
||||
{
|
||||
"name": "@standardnotes/midnight-theme",
|
||||
"version": "1.2.8",
|
||||
"main": "dist/dist.css",
|
||||
"private": true,
|
||||
"sn": {
|
||||
"main": "dist/dist.css"
|
||||
},
|
||||
"scripts": {
|
||||
"build": "webpack --entry ./src/main.scss --config ./../../theme.webpack.config.js"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,62 @@
|
||||
:root {
|
||||
--primary-bg-color: #292937;
|
||||
--secondary-bg-color: #313142;
|
||||
--editor-bg-color: #202020;
|
||||
--border-color: #13131a;
|
||||
--ui-text-color: #d8d8d8;
|
||||
|
||||
--sn-stylekit-info-color: #4CA3FF;
|
||||
--sn-stylekit-info-contrast-color: white;
|
||||
|
||||
--sn-stylekit-neutral-color: #7c7c7c;
|
||||
--sn-stylekit-neutral-contrast-color: white;
|
||||
|
||||
--sn-stylekit-success-color: #01BE79;
|
||||
--sn-stylekit-success-contrast-color: white;
|
||||
|
||||
--sn-stylekit-warning-color: #f6a200;
|
||||
--sn-stylekit-warning-contrast-color: white;
|
||||
|
||||
--sn-stylekit-danger-color: #F80324;
|
||||
--sn-stylekit-danger-contrast-color: white;
|
||||
|
||||
--sn-desktop-titlebar-bg-color: var(--primary-bg-color);
|
||||
--sn-desktop-titlebar-border-color: var(--border-color);
|
||||
--sn-desktop-titlebar-ui-color: var(--ui-text-color);
|
||||
--sn-desktop-titlebar-ui-hover-color: var(--sn-stylekit-info-color);
|
||||
|
||||
// StyleKit Vars
|
||||
--sn-stylekit-shadow-color: #20202b;
|
||||
|
||||
--sn-stylekit-background-color: #20202b;
|
||||
--sn-stylekit-border-color: var(--border-color);
|
||||
--sn-stylekit-foreground-color: var(--ui-text-color);
|
||||
|
||||
--sn-stylekit-contrast-background-color: var(--secondary-bg-color);
|
||||
--sn-stylekit-contrast-foreground-color: var(--ui-text-color);
|
||||
--sn-stylekit-contrast-border-color: var(--border-color);
|
||||
|
||||
--sn-stylekit-secondary-background-color: #292937;
|
||||
--sn-stylekit-secondary-foreground-color: var(--ui-text-color);
|
||||
--sn-stylekit-secondary-border-color: var(--border-color);
|
||||
|
||||
--sn-stylekit-secondary-contrast-background-color: #45445a;
|
||||
--sn-stylekit-secondary-contrast-foreground-color: var(--ui-text-color);
|
||||
--sn-stylekit-secondary-contrast-border-color: var(--border-color);
|
||||
|
||||
--sn-stylekit-editor-background-color: var(--sn-stylekit-background-color);
|
||||
--sn-stylekit-editor-foreground-color: var(--sn-stylekit-foreground-color);
|
||||
|
||||
--sn-stylekit-paragraph-text-color: var(--ui-text-color);
|
||||
|
||||
--sn-stylekit-scrollbar-track-border-color: var(--border-color);
|
||||
--sn-stylekit-scrollbar-thumb-color: var(--sn-stylekit-info-color);
|
||||
|
||||
--sn-stylekit-menu-border: 1px solid #494965;
|
||||
|
||||
--sn-stylekit-passive-color-0: #94979e;
|
||||
--sn-stylekit-passive-color-3: #2c2c39;
|
||||
--sn-stylekit-passive-color-4: #313142;
|
||||
--sn-stylekit-passive-color-4-opacity-variant: #292937;
|
||||
--sn-stylekit-passive-color-5: #313142;
|
||||
}
|
||||
Reference in New Issue
Block a user