diff --git a/mods/nord/app.css b/mods/nord/app.css new file mode 100644 index 0000000..4730fb4 --- /dev/null +++ b/mods/nord/app.css @@ -0,0 +1,8 @@ +/* + * nord v0.1.0 + * (c) 2020 MANNEN + * dunno what to do here + * under the MIT license, probably? + */ + +/* diff --git a/mods/nord/mod.js b/mods/nord/mod.js new file mode 100644 index 0000000..31fe791 --- /dev/null +++ b/mods/nord/mod.js @@ -0,0 +1,17 @@ +/* + * nord v0.1.0 + * (c) 2020 MANNEN + * dunno what to do here + * under the MIT license, probably? + */ + +'use strict'; + +module.exports = { + id: 'ff87ff66-4910-436f-a843-7598edde2a7f', + tags: ['theme', 'dark'], + name: 'nord', + desc: 'An arctic, north-bluish color palette.', + version: '0.1.0', + author: 'MANNEN', +}; diff --git a/mods/nord/variables.css b/mods/nord/variables.css new file mode 100644 index 0000000..08c165f --- /dev/null +++ b/mods/nord/variables.css @@ -0,0 +1,186 @@ +/* + * nord v0.1.0 + * (c) 2020 MANNEN + * dunno what to do here + * under the MIT license, probably? + */ + +@import 'https://rsms.me/inter/inter.css'; +@import url('https://fonts.googleapis.com/css2?family=Fira+Code&display=swap'); + +:root { + /** dark **/ + + --nord0: #2e3440; /*dark1*/ + --nord1: #3b4252; /*dark2*/ + --nord2: #434c5e; /*dark3*/ + --nord3: #4c566a; /*dark4*/ + --nord4: #d8dee9; /*light1*/ + --nord5: #e5e9f0; /*light2*/ + --nord6: #eceff4; /*light3*/ + --nord7: #8fbcbb; /*frost1*/ + --nord8: #88c0d0; /*frost2*/ + --nord9: #81a1c1; /*frost3*/ + --nord10: #5e81ac; /*frost4*/ + --nord11: #bf616a; /*red*/ + --nord12: #d08770; /*orange*/ + --nord13: #ebcb8b; /*yellow*/ + --nord14: #a3be8c; /*green*/ + --nord15: #b48ead; /*purple*/ + + --theme_dark--main: var(--nord0); + --theme_dark--sidebar: var(--nord1); + --theme_dark--overlay: rgb(41 37 37 / 60%); + --theme_dark--dragarea: var(--nord0); + --theme_dark--box-shadow: rgba(15, 15, 15, 0.2) 0px 0px 0px 1px, + rgba(15, 15, 15, 0.2) 0px 2px 4px; + --theme_dark--box-shadow_strong: rgba(15, 15, 15, 0.1) 0px 0px 0px 1px, + rgba(15, 15, 15, 0.2) 0px 3px 6px, rgba(15, 15, 15, 0.4) 0px 9px 24px; + + --theme_dark--font_sans: 'Inter', -apple-system, BlinkMacSystemFont, + 'Segoe UI', Helvetica, 'Apple Color Emoji', Arial, sans-serif, + 'Segoe UI Emoji', 'Segoe UI Symbol'; + --theme_dark--font_code: 'Fira Code', monospace; + + --theme_dark--scrollbar: var(--nord2); + --theme_dark--scrollbar-border: transparent; + --theme_dark--scrollbar_hover: var(--nord3); + + --theme_dark--card: var(--nord1); + --theme_dark--gallery: var(--nord2); + --theme_dark--select_input: rgb(55, 60, 63); + --theme_dark--table-border: rgba(255, 255, 255, 0.1); + --theme_dark--ui-border: rgba(255, 255, 255, 0.07); + --theme_dark--interactive_hover: var(--nord3); + --theme_dark--interactive_hover-border: transparent; + --theme_dark--button_close: var(--nord11); + --theme_dark--button_close-fill: var(--nord6); + + --theme_dark--selected: rgb(136 192 208 / 50%); + --theme_dark--primary: var(--nord8); + --theme_dark--primary_hover: var(--nord8); + --theme_dark--primary_click: var(--nord8); + --theme_dark--primary_indicator: var(--nord11); + + --theme_dark--option-color: var(--nord4); + --theme_dark--option-background: transparent; + --theme_dark--option_active-color: var(--nord4); + --theme_dark--option_active-background: var(--theme_dark--primary); + --theme_dark--option_hover-color: var(--nord4); + --theme_dark--option_hover-background: var(--nord4); + + --theme_dark--danger_text: var(--nord11); + --theme_dark--danger_border: rgba(235, 87, 87, 0.5); + + --theme_dark--text: var(--nord4); + --theme_dark--text_ui: var(--nord4); + --theme_dark--text_ui_info: var(--nord4); + + --theme_dark--text_gray: rgba(151, 154, 155, 0.95); + --theme_dark--text_brown: rgb(147, 114, 100); + --theme_dark--text_orange: var(--nord12); + --theme_dark--text_yellow: var(--nord13); + --theme_dark--text_green: var(--nord14); + --theme_dark--text_blue: var(--nord9); + --theme_dark--text_purple: var(--nord15); + --theme_dark--text_pink: rgb(193 106 153); + --theme_dark--text_red: var(--nord11); + + --theme_dark--bg-text: var(--theme_dark--text); + --theme_dark--bg_gray: rgb(69, 75, 78); + --theme_dark--bg_gray-text: var(--theme_dark--bg-text); + --theme_dark--bg_brown: rgb(67, 64, 64); + --theme_dark--bg_brown-text: var(--theme_dark--bg-text); + --theme_dark--bg_orange: var(--nord12); + --theme_dark--bg_orange-text: var(--theme_light--bg-text); + --theme_dark--bg_yellow: var(--nord13); + --theme_dark--bg_yellow-text: var(--theme_light--bg-text); + --theme_dark--bg_green: var(--nord14); + --theme_dark--bg_green-text: var(--theme_dark--bg-text); + --theme_dark--bg_blue: var(--nord9); + --theme_dark--bg_blue-text: var(--theme_dark--bg-text); + --theme_dark--bg_purple: var(--nord15); + --theme_dark--bg_purple-text: var(--theme_dark--bg-text); + --theme_dark--bg_pink: rgb(193 106 153); + --theme_dark--bg_pink-text: var(--theme_dark--bg-text); + --theme_dark--bg_red: var(--nord11); + --theme_dark--bg_red-text: var(--theme_dark--bg-text); + + --theme_dark--line-text: var(--theme_dark--text); + --theme_dark--line_gray: rgb(69, 75, 78); + --theme_dark--line_gray-text: var(--theme_dark--line-text); + --theme_dark--line_brown: rgb(67, 64, 64); + --theme_dark--line_brown-text: var(--theme_dark--line-text); + --theme_dark--line_orange: var(--nord12); + --theme_dark--line_orange-text: var(--theme_light--line-text); + --theme_dark--line_yellow: var(--nord13); + --theme_dark--line_yellow-text: var(--theme_light--line-text); + --theme_dark--line_green: var(--nord14); + --theme_dark--line_green-text: var(--theme_dark--line-text); + --theme_dark--line_blue: var(--nord9); + --theme_dark--line_blue-text: var(--theme_dark--line-text); + --theme_dark--line_purple: var(--nord15); + --theme_dark--line_purple-text: var(--theme_dark--line-text); + --theme_dark--line_pink: rgb(193 106 153); + --theme_dark--line_pink-text: var(--theme_dark--line-text); + --theme_dark--line_red: var(--nord11); + --theme_dark--line_red-text: var(--theme_dark--line-text); + + --theme_dark--select-text: var(--theme_dark--text); + --theme_dark--select_gray: rgba(151, 154, 155, 0.5); + --theme_dark--select_gray-text: var(--theme_dark--select-text); + --theme_dark--select_brown: rgba(147, 114, 100, 0.5); + --theme_dark--select_brown-text: var(--theme_dark--select-text); + --theme_dark--select_orange: rgba(255, 163, 68, 0.5); + --theme_dark--select_orange-text: var(--theme_dark--select-text); + --theme_dark--select_yellow: rgba(255, 220, 73, 0.5); + --theme_dark--select_yellow-text: var(--theme_dark--select-text); + --theme_dark--select_green: rgba(77, 171, 154, 0.5); + --theme_dark--select_green-text: var(--theme_dark--select-text); + --theme_dark--select_blue: rgba(82, 156, 202, 0.5); + --theme_dark--select_blue-text: var(--theme_dark--select-text); + --theme_dark--select_purple: rgba(154, 109, 215, 0.5); + --theme_dark--select_purple-text: var(--theme_dark--select-text); + --theme_dark--select_pink: rgba(226, 85, 161, 0.5); + --theme_dark--select_pink-text: var(--theme_dark--select-text); + --theme_dark--select_red: rgba(255, 115, 105, 0.5); + --theme_dark--select_red-text: var(--theme_dark--select-text); + + --theme_dark--callout-text: var(--theme_dark--text); + --theme_dark--callout_gray: rgba(69, 75, 78, 0.3); + --theme_dark--callout_gray-text: var(--theme_dark--callout-text); + --theme_dark--callout_brown: rgba(67, 64, 64, 0.3); + --theme_dark--callout_brown-text: var(--theme_dark--callout-text); + --theme_dark--callout_orange: rgba(89, 74, 58, 0.3); + --theme_dark--callout_orange-text: var(--theme_dark--callout-text); + --theme_dark--callout_yellow: rgba(89, 86, 59, 0.3); + --theme_dark--callout_yellow-text: var(--theme_dark--callout-text); + --theme_dark--callout_green: rgba(53, 76, 75, 0.3); + --theme_dark--callout_green-text: var(--theme_dark--callout-text); + --theme_dark--callout_blue: rgba(54, 73, 84, 0.3); + --theme_dark--callout_blue-text: var(--theme_dark--callout-text); + --theme_dark--callout_purple: rgba(68, 63, 87, 0.3); + --theme_dark--callout_purple-text: var(--theme_dark--callout-text); + --theme_dark--callout_pink: rgba(83, 59, 76, 0.3); + --theme_dark--callout_pink-text: var(--theme_dark--callout-text); + --theme_dark--callout_red: rgba(89, 65, 65, 0.3); + --theme_dark--callout_red-text: var(--theme_dark--callout-text); + + --theme_dark--code_inline-text: var(--nord11); + --theme_dark--code_inline-background: rgba(135, 131, 120, 0.15); + --theme_dark--code-text: var(--theme_dark--text); + --theme_dark--code-background: var(--theme_dark--card); + --theme_dark--code_function: var(--theme_dark--text_blue); + --theme_dark--code_keyword: var(--theme_dark--text_pink); + --theme_dark--code_tag: var(--theme_dark--text_pink); + --theme_dark--code_operator: var(--theme_dark--text_yellow); + --theme_dark--code_important: var(--theme_dark--text_yellow); + --theme_dark--code_property: var(--theme_dark--text_pink); + --theme_dark--code_builtin: var(--theme_dark--text_yellow); + --theme_dark--code_attr-name: var(--theme_dark--text_yellow); + --theme_dark--code_comment: var(--theme_dark--text_gray); + --theme_dark--code_punctuation: var(--theme_dark--text_gray); + --theme_dark--code_doctype: var(--theme_dark--text_gray); + --theme_dark--code_number: var(--theme_dark--text_purple); + --theme_dark--code_string: var(--theme_dark--text_orange); + --theme_dark--code_attr-value: var(--theme_dark--text_orange);