@standardnotes/dracula-theme 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/LICENSE.md +0 -0
  3. package/README.md +1 -0
  4. package/dist/dist.css +76 -0
  5. package/package.json +20 -0
  6. package/src/main.scss +79 -0
package/CHANGELOG.md ADDED
@@ -0,0 +1,10 @@
1
+ # Change Log
2
+
3
+ All notable changes to this project will be documented in this file.
4
+ See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
+
6
+ # 1.1.0 (2022-12-07)
7
+
8
+ ### Features
9
+
10
+ * add Dracula theme ([6b93b30](https://github.com/standardnotes/plugins/commit/6b93b3005acaceb0d51ebabe6fcb9e7aa12f152e))
package/LICENSE.md ADDED
File without changes
package/README.md ADDED
@@ -0,0 +1 @@
1
+ # Dracula Theme
package/dist/dist.css ADDED
@@ -0,0 +1,76 @@
1
+ :root {
2
+ --background: #282a36;
3
+ --secondary-background: #303342;
4
+ --current-line: #44475a;
5
+ --foreground: #f8f8f2;
6
+ --comment: #6272a4;
7
+ --red: #ff5555;
8
+ --orange: #ffb86c;
9
+ --green: #50fa7b;
10
+ --pink: #ff79c6;
11
+ --purple: #bd93f9;
12
+ --cyan: #8be9fd;
13
+ --yellow: #f1fa8c;
14
+ --bar-color: rgb(32, 34, 49);
15
+ --darker-background: rgb(25, 26, 33);
16
+ --darker-background-border: rgb(32, 34, 49);
17
+ --sn-stylekit-accessory-tint-color-1: var(--purple);
18
+ --sn-stylekit-accessory-tint-color-2: var(--pink);
19
+ --sn-stylekit-accessory-tint-color-3: var(--orange);
20
+ --sn-stylekit-accessory-tint-color-4: var(--cyan);
21
+ --sn-stylekit-accessory-tint-color-5: var(--green);
22
+ --sn-stylekit-accessory-tint-color-6: var(--yellow);
23
+ --highlight-color: var(--comment);
24
+ --sn-component-foreground-color: var(--foreground);
25
+ --sn-component-background-color: var(--background);
26
+ --sn-component-foreground-highlight-color: var(--highlight-color);
27
+ --sn-component-outer-border-color: var(--comment);
28
+ --sn-component-inner-border-color: var(--foreground);
29
+ --sn-stylekit-shadow-color: var(--comment);
30
+ --sn-stylekit-info-color: var(--pink);
31
+ --sn-stylekit-info-contrast-color: var(--background);
32
+ --sn-stylekit-neutral-color: var(--purple);
33
+ --sn-stylekit-neutral-contrast-color: var(--foreground);
34
+ --sn-stylekit-success-color: var(--green);
35
+ --sn-stylekit-success-contrast-color: var(--background);
36
+ --sn-stylekit-warning-color: var(--orange);
37
+ --sn-stylekit-warning-contrast-color: var(--background);
38
+ --sn-stylekit-danger-color: var(--red);
39
+ --sn-stylekit-danger-contrast-color: var(--foreground);
40
+ --sn-stylekit-editor-background-color: var(--sn-stylekit-background-color);
41
+ --sn-stylekit-editor-foreground-color: var(--sn-stylekit-foreground-color);
42
+ --sn-stylekit-background-color: var(--background);
43
+ --sn-stylekit-foreground-color: var(--foreground);
44
+ --sn-stylekit-border-color: var(--darker-background-border);
45
+ --sn-stylekit-contrast-background-color: var(--bar-color);
46
+ --sn-stylekit-contrast-foreground-color: var(--foreground);
47
+ --sn-stylekit-contrast-border-color: var(--footer-border);
48
+ --sn-stylekit-secondary-background-color: var(--secondary-background);
49
+ --sn-stylekit-secondary-foreground-color: var(--foreground);
50
+ --sn-stylekit-secondary-border-color: var(--darker-background-border);
51
+ --sn-stylekit-secondary-contrast-background-color: var(--current-line);
52
+ --sn-stylekit-secondary-contrast-foreground-color: var(--foreground);
53
+ --sn-stylekit-secondary-contrast-border-color: var(--foreground);
54
+ --sn-stylekit-paragraph-text-color: var(--foreground);
55
+ --sn-desktop-titlebar-bg-color: var(--background);
56
+ --sn-desktop-titlebar-border-color: var(--comment);
57
+ --sn-desktop-titlebar-ui-color: var(--foreground);
58
+ --sn-desktop-titlebar-ui-hover-color: var(--highlight-color);
59
+ --sn-stylekit-scrollbar-track-border-color: var(--comment);
60
+ --sn-stylekit-scrollbar-thumb-color: var(--sn-stylekit-info-color);
61
+ --sn-stylekit-grey-5: var(--highlight-color);
62
+ --sn-stylekit-grey-4-opacity-variant: var(--current-line);
63
+ --sn-stylekit-passive-color-4: #0e0c11;
64
+ --sn-stylekit-passive-color-4-opacity-variant: #0000003d;
65
+ --sn-stylekit-passive-color-3: #3d4367;
66
+ --sn-stylekit-passive-color-5: #080507;
67
+ --navigation-item-selected-background-color:var(--sn-stylekit-secondary-contrast-background-color);
68
+ }
69
+
70
+ .sn-component .sk-panel .sk-panel-footer .left {
71
+ color: var(--foreground);
72
+ }
73
+
74
+ #plus-editor label kbd {
75
+ background-color: var(--sn-stylekit-background-color);
76
+ }
package/package.json ADDED
@@ -0,0 +1,20 @@
1
+ {
2
+ "name": "@standardnotes/dracula-theme",
3
+ "version": "1.1.0",
4
+ "main": "dist/dist.css",
5
+ "author": "Standard Notes",
6
+ "publishConfig": {
7
+ "access": "public"
8
+ },
9
+ "sn": {
10
+ "main": "dist/dist.css"
11
+ },
12
+ "scripts": {
13
+ "build": "webpack --entry ./src/main.scss --config ../theme.webpack.config.js",
14
+ "test": "echo \"Error: no test specified\" && exit 0"
15
+ },
16
+ "devDependencies": {
17
+ "webpack": "*"
18
+ },
19
+ "gitHead": "2d331c2e607b5f7ea90c9a37e7636572198fc595"
20
+ }
package/src/main.scss ADDED
@@ -0,0 +1,79 @@
1
+ :root {
2
+ --background: #282a36;
3
+ --secondary-background: #303342;
4
+ --current-line: #44475a;
5
+ --foreground: #f8f8f2;
6
+ --comment: #6272a4;
7
+ --red: #ff5555;
8
+ --orange: #ffb86c;
9
+ --green: #50fa7b;
10
+ --pink: #ff79c6;
11
+ --purple: #bd93f9;
12
+ --cyan: #8be9fd;
13
+ --yellow: #f1fa8c;
14
+ --bar-color: rgb(32, 34, 49);
15
+ --darker-background: rgb(25, 26, 33);
16
+ --darker-background-border: rgb(32, 34, 49);
17
+
18
+ --sn-stylekit-accessory-tint-color-1: var(--purple);
19
+ --sn-stylekit-accessory-tint-color-2: var(--pink);
20
+ --sn-stylekit-accessory-tint-color-3: var(--orange);
21
+ --sn-stylekit-accessory-tint-color-4: var(--cyan);
22
+ --sn-stylekit-accessory-tint-color-5: var(--green);
23
+ --sn-stylekit-accessory-tint-color-6: var(--yellow);
24
+ --highlight-color: var(--comment);
25
+ --sn-component-foreground-color: var(--foreground);
26
+ --sn-component-background-color: var(--background);
27
+ --sn-component-foreground-highlight-color: var(--highlight-color);
28
+ --sn-component-outer-border-color: var(--comment);
29
+ --sn-component-inner-border-color: var(--foreground);
30
+ --sn-stylekit-shadow-color: var(--comment);
31
+ --sn-stylekit-info-color: var(--pink);
32
+ --sn-stylekit-info-contrast-color: var(--background);
33
+ --sn-stylekit-neutral-color: var(--purple);
34
+ --sn-stylekit-neutral-contrast-color: var(--foreground);
35
+ --sn-stylekit-success-color: var(--green);
36
+ --sn-stylekit-success-contrast-color: var(--background);
37
+ --sn-stylekit-warning-color: var(--orange);
38
+ --sn-stylekit-warning-contrast-color: var(--background);
39
+ --sn-stylekit-danger-color: var(--red);
40
+ --sn-stylekit-danger-contrast-color: var(--foreground);
41
+ --sn-stylekit-editor-background-color: var(--sn-stylekit-background-color);
42
+ --sn-stylekit-editor-foreground-color: var(--sn-stylekit-foreground-color);
43
+ --sn-stylekit-background-color: var(--background);
44
+ --sn-stylekit-foreground-color: var(--foreground);
45
+ --sn-stylekit-border-color: var(--darker-background-border);
46
+ --sn-stylekit-contrast-background-color: var(--bar-color);
47
+ --sn-stylekit-contrast-foreground-color: var(--foreground);
48
+ --sn-stylekit-contrast-border-color: var(--footer-border);
49
+ --sn-stylekit-secondary-background-color: var(--secondary-background);
50
+ --sn-stylekit-secondary-foreground-color: var(--foreground);
51
+ --sn-stylekit-secondary-border-color: var(--darker-background-border);
52
+ --sn-stylekit-secondary-contrast-background-color: var(--current-line);
53
+ --sn-stylekit-secondary-contrast-foreground-color: var(--foreground);
54
+ --sn-stylekit-secondary-contrast-border-color: var(--foreground);
55
+ --sn-stylekit-paragraph-text-color: var(--foreground);
56
+ --sn-desktop-titlebar-bg-color: var(--background);
57
+ --sn-desktop-titlebar-border-color: var(--comment);
58
+ --sn-desktop-titlebar-ui-color: var(--foreground);
59
+ --sn-desktop-titlebar-ui-hover-color: var(--highlight-color);
60
+ --sn-stylekit-scrollbar-track-border-color: var(--comment);
61
+ --sn-stylekit-scrollbar-thumb-color: var(--sn-stylekit-info-color);
62
+ --sn-stylekit-grey-5: var(--highlight-color);
63
+ --sn-stylekit-grey-4-opacity-variant: var(--current-line);
64
+
65
+ --sn-stylekit-passive-color-4: #0e0c11;
66
+ --sn-stylekit-passive-color-4-opacity-variant: #0000003d;
67
+ --sn-stylekit-passive-color-3: #3d4367;
68
+ --sn-stylekit-passive-color-5: #080507;
69
+
70
+ --navigation-item-selected-background-color:var(--sn-stylekit-secondary-contrast-background-color);
71
+ }
72
+
73
+ .sn-component .sk-panel .sk-panel-footer .left {
74
+ color: var(--foreground);
75
+ }
76
+
77
+ #plus-editor label kbd {
78
+ background-color: var(--sn-stylekit-background-color);
79
+ }