commit c7468f55bfc5216d640e8a337b376883b91171ca Author: James Brumond Date: Sat Apr 29 15:18:54 2023 -0700 first commit; migrate schema, default themes from minimal projects diff --git a/readme.md b/readme.md new file mode 100644 index 0000000..e69de29 diff --git a/schema/v1.json b/schema/v1.json new file mode 100644 index 0000000..b46c318 --- /dev/null +++ b/schema/v1.json @@ -0,0 +1,377 @@ +{ + "$schema": "http://json-schema.org/draft-07/schema", + "$id": "https://gitea.jbrumond.me/minimal/docs/raw/branch/master/json-schema/color-theme/v1.json", + "type": "object", + "properties": { + "name": { + "type": "string", + "description": "The name of the color theme as it should be displayed to a user\n" + }, + "labels": { + "type": "array", + "description": "The labels field allows for categorizing color themes into high-level groupings like \"light\", \"dark\", or \"high_contrast\". This is purely meta-information that is intended to be used by applications to display color theme options with groupings or other indicators to the user in configuration interfaces\n", + "items": { + "type": "string", + "enum": [ + "light", + "dark", + "high_contrast", + "low_contrast", + "monochrome", + "greyscale", + "protanopia_safe", + "deuteranopia_safe", + "tritanopia_safe" + ] + } + }, + "colors": { + "type": "object", + "description": "Contains the color values that will be used to populate CSS variables", + "properties": { + "sun": { + "$ref": "#/definitions/css_color", + "description": "The color of the sun icon used to indicate that the light color theme is active. Must have good contrast against bg_main\n" + }, + "moon": { + "$ref": "#/definitions/css_color", + "description": "The color of the moon icon used to indicate that the dark color theme is active. Must have good contrast against bg_main\n" + }, + "bg_main": { + "$ref": "#/definitions/css_color", + "description": "The primary background color applied to the page as a whole. Must have good contrast against the main copy text colors text_heading, text_body, text_light, text_link, text_link_active, and text_link_visited\n" + }, + "bg_light": { + "$ref": "#/definitions/css_color", + "description": "A lighter background color applied to content panels; Should have a relatively low contrast against the bg_main color, providing only a light accent. Must have good contrast against the main copy text colors text_heading, text_body, text_light, text_link, text_link_active, and text_link_visited\n" + }, + "bg_heavy": { + "$ref": "#/definitions/css_color", + "description": "A heavier background color applied to content panels; Should have a relatively higher contrast against the bg_main color, directing attention to what is \"important\" or \"primary\" content inside of it. Must have good contrast against the main copy text colors text_heading, text_body, text_light, text_link, text_link_active, and text_link_visited\n" + }, + "bg_popup_mask": { + "$ref": "#/definitions/css_color" + }, + "line": { + "$ref": "#/definitions/css_color" + }, + "line_safe": { + "$ref": "#/definitions/css_color" + }, + "line_warn": { + "$ref": "#/definitions/css_color" + }, + "line_danger": { + "$ref": "#/definitions/css_color" + }, + "text_heading": { + "$ref": "#/definitions/css_color", + "description": "The color of heading text" + }, + "text_body": { + "$ref": "#/definitions/css_color", + "description": "The color of main / normal body copy text" + }, + "text_light": { + "$ref": "#/definitions/css_color" + }, + "text_safe": { + "$ref": "#/definitions/css_color" + }, + "text_warn": { + "$ref": "#/definitions/css_color" + }, + "text_danger": { + "$ref": "#/definitions/css_color" + }, + "text_link": { + "$ref": "#/definitions/css_color", + "description": "The default color of hyperlinks" + }, + "text_link_active": { + "$ref": "#/definitions/css_color", + "description": "The color of hyperlinks that are currently active / selected" + }, + "text_link_visited": { + "$ref": "#/definitions/css_color", + "description": "The color of hyperlinks that have been previously visited" + }, + "bg_qrcode": { + "$ref": "#/definitions/css_color", + "description": "The background color (i.e. typically white) of rendered QR codes\n" + }, + "stroke_qrcode": { + "$ref": "#/definitions/css_color", + "description": "The stroke color (i.e. typically black) of rendered QR codes\n" + }, + "text_highlight": { + "$ref": "#/definitions/css_color", + "description": "The color of text highlighted using the text tag (or by using ==text== in markdown)\n" + }, + "bg_text_highlight": { + "$ref": "#/definitions/css_color", + "description": "The background color of text highlighted using the text tag (or by using ==text== in markdown)\n" + }, + "text_selection": { + "$ref": "#/definitions/css_color", + "description": "The color of text that has been selected by the user" + }, + "bg_text_selection": { + "$ref": "#/definitions/css_color", + "description": "The background color of text that has been selected by the user" + }, + "bg_button_primary": { + "$ref": "#/definitions/css_color", + "description": "The background color of \"primary\" buttons (typically major, positive actions, like \"save\" or \"publish\")\n" + }, + "bg_button_primary_hover": { + "$ref": "#/definitions/css_color", + "description": "The background color of \"primary\" buttons (typically major, positive actions, like \"save\" or \"publish\") while the user is hovering over them\n" + }, + "text_button_primary": { + "$ref": "#/definitions/css_color", + "description": "The text color of \"primary\" buttons (typically major, positive actions, like \"save\" or \"publish\")\n" + }, + "bg_button_secondary": { + "$ref": "#/definitions/css_color", + "description": "The background color of \"secondary\" buttons (typically safe, unimpactful, or backward moving actions, like \"cancel\" or \"preview\")\n" + }, + "bg_button_secondary_hover": { + "$ref": "#/definitions/css_color", + "description": "The background color of \"secondary\" buttons (typically safe, unimpactful, or backward moving actions, like \"cancel\" or \"preview\") while the user is hovering over them\n" + }, + "text_button_secondary": { + "$ref": "#/definitions/css_color", + "description": "The text color of \"secondary\" buttons (typically safe, unimpactful, or backward moving actions, like \"cancel\" or \"preview\")\n" + }, + "bg_error_box": { + "$ref": "#/definitions/css_color" + }, + "border_error_box": { + "$ref": "#/definitions/css_color" + }, + "text_error_box": { + "$ref": "#/definitions/css_color" + }, + "bg_input": { + "$ref": "#/definitions/css_color" + }, + "border_input": { + "$ref": "#/definitions/css_color" + }, + "border_input_invalid": { + "$ref": "#/definitions/css_color" + }, + "icon_active_indicator": { + "$ref": "#/definitions/css_color" + }, + "icon_success_indicator": { + "$ref": "#/definitions/css_color" + }, + "icon_failure_indicator": { + "$ref": "#/definitions/css_color" + }, + "icon_warning_indicator": { + "$ref": "#/definitions/css_color" + }, + "accent_info": { + "$ref": "#/definitions/css_color" + }, + "accent_highlight": { + "$ref": "#/definitions/css_color" + }, + "accent_warning": { + "$ref": "#/definitions/css_color" + }, + "accent_problem": { + "$ref": "#/definitions/css_color" + }, + "chart_axis": { + "$ref": "#/definitions/css_color" + }, + "chart_text": { + "$ref": "#/definitions/css_color" + }, + "chart_guideline": { + "$ref": "#/definitions/css_color" + }, + "chart_data_0": { + "$ref": "#/definitions/css_color" + }, + "chart_data_1": { + "$ref": "#/definitions/css_color" + }, + "chart_data_2": { + "$ref": "#/definitions/css_color" + }, + "chart_data_3": { + "$ref": "#/definitions/css_color" + }, + "chart_data_4": { + "$ref": "#/definitions/css_color" + }, + "chart_data_5": { + "$ref": "#/definitions/css_color" + }, + "chart_data_6": { + "$ref": "#/definitions/css_color" + }, + "chart_data_7": { + "$ref": "#/definitions/css_color" + }, + "chart_data_8": { + "$ref": "#/definitions/css_color" + }, + "chart_data_9": { + "$ref": "#/definitions/css_color" + }, + "code_normal": { + "$ref": "#/definitions/css_color" + }, + "code_shadow": { + "$ref": "#/definitions/css_color" + }, + "code_background": { + "$ref": "#/definitions/css_color" + }, + "code_selection": { + "$ref": "#/definitions/css_color" + }, + "code_comment": { + "$ref": "#/definitions/css_color" + }, + "code_punc": { + "$ref": "#/definitions/css_color" + }, + "code_operator": { + "$ref": "#/definitions/css_color" + }, + "code_const_literal": { + "$ref": "#/definitions/css_color" + }, + "code_number_literal": { + "$ref": "#/definitions/css_color" + }, + "code_boolean_literal": { + "$ref": "#/definitions/css_color" + }, + "code_tag": { + "$ref": "#/definitions/css_color" + }, + "code_string": { + "$ref": "#/definitions/css_color" + }, + "code_keyword": { + "$ref": "#/definitions/css_color" + }, + "code_func_name": { + "$ref": "#/definitions/css_color" + }, + "code_class_name": { + "$ref": "#/definitions/css_color" + }, + "code_regex_important": { + "$ref": "#/definitions/css_color" + }, + "code_variable": { + "$ref": "#/definitions/css_color" + }, + "code_builtin": { + "$ref": "#/definitions/css_color" + }, + "code_attr_name": { + "$ref": "#/definitions/css_color" + }, + "code_gutter_divider": { + "$ref": "#/definitions/css_color" + }, + "code_line_number": { + "$ref": "#/definitions/css_color" + }, + "code_line_highlight": { + "$ref": "#/definitions/css_color" + } + } + } + }, + "definitions": { + "css_color": { + "oneOf": [ + { + "type": "string", + "format": "regex", + "pattern": "^(#[0-9a-fA-F]{3}(?:[0-9a-fA-F]{3}(?:[0-9a-fA-F]{2})?)?)$", + "examples": [ + "#000", + "#ff0000", + "#ffccaa88" + ] + }, + { + "type": "string", + "format": "regex", + "pattern": "^(rgb\\(\\s*([0-9]{1,3})\\s*,\\s*([0-9]{1,3})\\s*,\\s*([0-9]{1,3})\\s*\\))$", + "examples": [ + "rgb(10, 70, 130)" + ] + }, + { + "type": "string", + "format": "regex", + "pattern": "^(rgba\\(\\s*([0-9]{1,3})\\s*,\\s*([0-9]{1,3})\\s*,\\s*([0-9]{1,3})\\s*,\\s*([01]|[01]?\\.[0-9]{1,3})\\s*\\))$", + "examples": [ + "rgba(10, 70, 130, 0.5)" + ] + }, + { + "type": "string", + "const": "transparent" + }, + { + "type": "string", + "const": "currentcolor" + }, + { + "type": "string", + "enum": [ + "black", + "silver", + "gray", + "white", + "maroon", + "red", + "purple", + "fuchsia", + "green", + "lime", + "olive", + "yellow", + "navy", + "blue", + "teal", + "aqua" + ] + }, + { + "type": "string", + "enum": [ + "orange" + ] + }, + { + "type": "string", + "enum": [ + "aliceblue", + "antiquewhite" + ] + }, + { + "type": "string", + "enum": [ + "rebeccapurple" + ] + } + ] + } + } +} \ No newline at end of file diff --git a/schema/v1.yaml b/schema/v1.yaml new file mode 100644 index 0000000..4f1d51f --- /dev/null +++ b/schema/v1.yaml @@ -0,0 +1,393 @@ +$schema: http://json-schema.org/draft-07/schema +$id: https://gitea.jbrumond.me/minimal/docs/raw/branch/master/json-schema/color-theme/v1.json +type: object +properties: + name: + type: string + description: > + The name of the color theme as it should be displayed to a user + labels: + type: array + description: > + The labels field allows for categorizing color themes into high-level groupings + like "light", "dark", or "high_contrast". This is purely meta-information that is + intended to be used by applications to display color theme options with groupings + or other indicators to the user in configuration interfaces + items: + type: string + enum: + - light + - dark + - high_contrast + - low_contrast + - monochrome + - greyscale + - protanopia_safe + - deuteranopia_safe + - tritanopia_safe + colors: + type: object + description: Contains the color values that will be used to populate CSS variables + properties: + # Theme Picker Icon Colors + sun: + $ref: "#/definitions/css_color" + description: > + The color of the sun icon used to indicate that the light color theme is active. Must have + good contrast against bg_main + moon: + $ref: "#/definitions/css_color" + description: > + The color of the moon icon used to indicate that the dark color theme is active. Must have + good contrast against bg_main + + # Content Background Colors + bg_main: + $ref: "#/definitions/css_color" + description: > + The primary background color applied to the page as a whole. Must have good contrast against + the main copy text colors text_heading, text_body, text_light, text_link, text_link_active, + and text_link_visited + bg_light: + $ref: "#/definitions/css_color" + description: > + A lighter background color applied to content panels; Should have a relatively low contrast against + the bg_main color, providing only a light accent. Must have good contrast against the main copy text + colors text_heading, text_body, text_light, text_link, text_link_active, and text_link_visited + bg_heavy: + $ref: "#/definitions/css_color" + description: > + A heavier background color applied to content panels; Should have a relatively higher contrast against + the bg_main color, directing attention to what is "important" or "primary" content inside of it. Must + have good contrast against the main copy text colors text_heading, text_body, text_light, text_link, + text_link_active, and text_link_visited + bg_popup_mask: + $ref: "#/definitions/css_color" + # todo: description + + # + line: + $ref: "#/definitions/css_color" + # todo: description + line_safe: + $ref: "#/definitions/css_color" + # todo: description + line_warn: + $ref: "#/definitions/css_color" + # todo: description + line_danger: + $ref: "#/definitions/css_color" + # todo: description + + # Main Content Text Colors + text_heading: + $ref: "#/definitions/css_color" + description: The color of heading text + text_body: + $ref: "#/definitions/css_color" + description: The color of main / normal body copy text + text_light: + $ref: "#/definitions/css_color" + # todo: description + text_safe: + $ref: "#/definitions/css_color" + # todo: description + text_warn: + $ref: "#/definitions/css_color" + # todo: description + text_danger: + $ref: "#/definitions/css_color" + # todo: description + text_link: + $ref: "#/definitions/css_color" + description: The default color of hyperlinks + text_link_active: + $ref: "#/definitions/css_color" + description: The color of hyperlinks that are currently active / selected + text_link_visited: + $ref: "#/definitions/css_color" + description: The color of hyperlinks that have been previously visited + + # QR Codes + bg_qrcode: + $ref: "#/definitions/css_color" + description: > + The background color (i.e. typically white) of rendered QR codes + stroke_qrcode: + $ref: "#/definitions/css_color" + description: > + The stroke color (i.e. typically black) of rendered QR codes + + # Text Highlighted with + text_highlight: + $ref: "#/definitions/css_color" + description: > + The color of text highlighted using the text tag (or by using ==text== + in markdown) + bg_text_highlight: + $ref: "#/definitions/css_color" + description: > + The background color of text highlighted using the text tag (or by using + ==text== in markdown) + + # User-Selected Text + text_selection: + $ref: "#/definitions/css_color" + description: The color of text that has been selected by the user + bg_text_selection: + $ref: "#/definitions/css_color" + description: The background color of text that has been selected by the user + + # Buttons + bg_button_primary: + $ref: "#/definitions/css_color" + description: > + The background color of "primary" buttons (typically major, positive actions, like "save" + or "publish") + bg_button_primary_hover: + $ref: "#/definitions/css_color" + description: > + The background color of "primary" buttons (typically major, positive actions, like "save" + or "publish") while the user is hovering over them + text_button_primary: + $ref: "#/definitions/css_color" + description: > + The text color of "primary" buttons (typically major, positive actions, like "save" or "publish") + bg_button_secondary: + $ref: "#/definitions/css_color" + description: > + The background color of "secondary" buttons (typically safe, unimpactful, or backward moving + actions, like "cancel" or "preview") + bg_button_secondary_hover: + $ref: "#/definitions/css_color" + description: > + The background color of "secondary" buttons (typically safe, unimpactful, or backward moving + actions, like "cancel" or "preview") while the user is hovering over them + text_button_secondary: + $ref: "#/definitions/css_color" + description: > + The text color of "secondary" buttons (typically safe, unimpactful, or backward moving actions, + like "cancel" or "preview") + + # Error Boxes / Alerts + bg_error_box: + $ref: "#/definitions/css_color" + # todo: description + border_error_box: + $ref: "#/definitions/css_color" + # todo: description + text_error_box: + $ref: "#/definitions/css_color" + # todo: description + + # Inputs / Forms + bg_input: + $ref: "#/definitions/css_color" + # todo: description + border_input: + $ref: "#/definitions/css_color" + # todo: description + border_input_invalid: + $ref: "#/definitions/css_color" + # todo: description + + # Activity / Result Indicators + icon_active_indicator: + $ref: "#/definitions/css_color" + # todo: description + icon_success_indicator: + $ref: "#/definitions/css_color" + # todo: description + icon_failure_indicator: + $ref: "#/definitions/css_color" + # todo: description + icon_warning_indicator: + $ref: "#/definitions/css_color" + # todo: description + + # Semantic Accent Colors + accent_info: + $ref: "#/definitions/css_color" + # todo: description + accent_highlight: + $ref: "#/definitions/css_color" + # todo: description + accent_warning: + $ref: "#/definitions/css_color" + # todo: description + accent_problem: + $ref: "#/definitions/css_color" + # todo: description + + # Charts + chart_axis: + $ref: "#/definitions/css_color" + # todo: description + chart_text: + $ref: "#/definitions/css_color" + # todo: description + chart_guideline: + $ref: "#/definitions/css_color" + # todo: description + chart_data_0: + $ref: "#/definitions/css_color" + # todo: description + chart_data_1: + $ref: "#/definitions/css_color" + # todo: description + chart_data_2: + $ref: "#/definitions/css_color" + # todo: description + chart_data_3: + $ref: "#/definitions/css_color" + # todo: description + chart_data_4: + $ref: "#/definitions/css_color" + # todo: description + chart_data_5: + $ref: "#/definitions/css_color" + # todo: description + chart_data_6: + $ref: "#/definitions/css_color" + # todo: description + chart_data_7: + $ref: "#/definitions/css_color" + # todo: description + chart_data_8: + $ref: "#/definitions/css_color" + # todo: description + chart_data_9: + $ref: "#/definitions/css_color" + # todo: description + + # Pre-Formatted / Syntax Highlighted Code Blocks + code_normal: + $ref: "#/definitions/css_color" + # todo: description + code_shadow: + $ref: "#/definitions/css_color" + # todo: description + code_background: + $ref: "#/definitions/css_color" + # todo: description + code_selection: + $ref: "#/definitions/css_color" + # todo: description + code_comment: + $ref: "#/definitions/css_color" + # todo: description + code_punc: + $ref: "#/definitions/css_color" + # todo: description + code_operator: + $ref: "#/definitions/css_color" + # todo: description + code_const_literal: + $ref: "#/definitions/css_color" + # todo: description + code_number_literal: + $ref: "#/definitions/css_color" + # todo: description + code_boolean_literal: + $ref: "#/definitions/css_color" + # todo: description + code_tag: + $ref: "#/definitions/css_color" + # todo: description + code_string: + $ref: "#/definitions/css_color" + # todo: description + code_keyword: + $ref: "#/definitions/css_color" + # todo: description + code_func_name: + $ref: "#/definitions/css_color" + # todo: description + code_class_name: + $ref: "#/definitions/css_color" + # todo: description + code_regex_important: + $ref: "#/definitions/css_color" + # todo: description + code_variable: + $ref: "#/definitions/css_color" + # todo: description + code_builtin: + $ref: "#/definitions/css_color" + # todo: description + code_attr_name: + $ref: "#/definitions/css_color" + # todo: description + code_gutter_divider: + $ref: "#/definitions/css_color" + # todo: description + code_line_number: + $ref: "#/definitions/css_color" + # todo: description + code_line_highlight: + $ref: "#/definitions/css_color" + # todo: description +definitions: + css_color: + oneOf: + # Hex Colors + - type: string + format: regex + pattern: ^(#[0-9a-fA-F]{3}(?:[0-9a-fA-F]{3}(?:[0-9a-fA-F]{2})?)?)$ + examples: + - "#000" + - "#ff0000" + - "#ffccaa88" + # RGB Colors + - type: string + format: regex + pattern: ^(rgb\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*\))$ + examples: + - rgb(10, 70, 130) + # RGBA Colors + - type: string + format: regex + pattern: ^(rgba\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([01]|[01]?\.[0-9]{1,3})\s*\))$ + examples: + - rgba(10, 70, 130, 0.5) + # todo: other color function formats, like hsl + # transparent + - type: string + const: transparent + # currentcolor + - type: string + const: currentcolor + # Named Colors: CSS Level 1 + - type: string + enum: + - black + - silver + - gray + - white + - maroon + - red + - purple + - fuchsia + - green + - lime + - olive + - yellow + - navy + - blue + - teal + - aqua + # Named Colors: CSS Level 2 + - type: string + enum: + - orange + # Named Colors: CSS Level 3 + - type: string + enum: + - aliceblue + - antiquewhite + # todo: fill in the rest of level3 colors... + # see: https://developer.mozilla.org/en-US/docs/Web/CSS/named-color + # Named Colors: CSS Level 4 + - type: string + enum: + - rebeccapurple diff --git a/themes/Minimal Dark/theme.json b/themes/Minimal Dark/theme.json new file mode 100644 index 0000000..e6b369f --- /dev/null +++ b/themes/Minimal Dark/theme.json @@ -0,0 +1,89 @@ +{ + "$schema": "../../schema/v1.json", + "name": "Minimal Dark", + "labels": [ + "dark" + ], + "colors": { + "sun": "#ffb685", + "moon": "#85acff", + "bg_main": "#343d46", + "bg_light": "#3f4a53", + "bg_heavy": "#495159", + "bg_popup_mask": "rgba(0, 0, 0, 0.6)", + "line": "#777777", + "line_safe": "#b1ca97", + "line_warn": "#cec755", + "line_danger": "#ee8861", + "text_heading": "#ffffff", + "text_body": "#cccccc", + "text_light": "#a6a6a6", + "text_safe": "#b1ca97", + "text_warn": "#cec755", + "text_danger": "#ee8861", + "text_link": "#86a7f0", + "text_link_active": "#86a7f0", + "text_link_visited": "#86a7f0", + "bg_qrcode": "#343d46", + "stroke_qrcode": "#ffffff", + "text_highlight": "#ffffff", + "bg_text_highlight": "#3da069", + "text_selection": "#660bad", + "bg_text_selection": "#ebe9f0", + "bg_button_primary": "#465568", + "bg_button_primary_hover": "#465568", + "text_button_primary": "#bbbbbb", + "bg_button_secondary": "#495159", + "bg_button_secondary_hover": "#86a7f04c", + "text_button_secondary": "#bbbbbb", + "bg_error_box": "#704649", + "border_error_box": "#802730", + "text_error_box": "#cccccc", + "bg_input": "#3e444a", + "border_input": "#dddddd", + "border_input_invalid": "#f13547", + "icon_active_indicator": "#a6a6a6", + "icon_success_indicator": "#b3ffa1", + "icon_failure_indicator": "#f13547", + "icon_warning_indicator": "#cab815", + "accent_info": "#94e9e1", + "accent_highlight": "#85ef9b", + "accent_warning": "#e2ef85", + "accent_problem": "#ef9985", + "chart_axis": "#777777", + "chart_text": "#cccccc", + "chart_guideline": "#666666", + "chart_data_0": "#ffb685", + "chart_data_1": "#85acff", + "chart_data_2": "#4dbb70", + "chart_data_3": "#eb4f5e", + "chart_data_4": "#a278ef", + "chart_data_5": "#e298f0", + "chart_data_6": "#49d9d8", + "chart_data_7": "#cab815", + "chart_data_8": "#52e130", + "chart_data_9": "#ff13b4", + "code_normal": "#c0c5ce", + "code_shadow": "transparent", + "code_background": "#2b303b", + "code_selection": "#4f5b66", + "code_comment": "#65737e", + "code_punc": "#c0c5ce", + "code_operator": "#c0c5ce", + "code_const_literal": "#d08770", + "code_number_literal": "#d08770", + "code_boolean_literal": "#d08770", + "code_tag": "#bf616a", + "code_string": "#a3be8c", + "code_keyword": "#b48ead", + "code_func_name": "#8fa1b3", + "code_class_name": "#ebcb8b", + "code_regex_important": "#96b5b4", + "code_variable": "#bf616a", + "code_builtin": "#96b5b4", + "code_attr_name": "#d08770", + "code_gutter_divider": "#343d46", + "code_line_number": "#65737e", + "code_line_highlight": "#65737e30" + } +} \ No newline at end of file diff --git a/themes/Minimal Dark/theme.yaml b/themes/Minimal Dark/theme.yaml new file mode 100644 index 0000000..dd5e7b3 --- /dev/null +++ b/themes/Minimal Dark/theme.yaml @@ -0,0 +1,85 @@ +$schema: ../../schema/v1.json +name: Minimal Dark +labels: +- dark +colors: + sun: "#ffb685" + moon: "#85acff" + bg_main: "#343d46" + bg_light: "#3f4a53" + bg_heavy: "#495159" + bg_popup_mask: rgba(0, 0, 0, 0.6) + line: "#777777" + line_safe: "#b1ca97" + line_warn: "#cec755" + line_danger: "#ee8861" + text_heading: "#ffffff" + text_body: "#cccccc" + text_light: "#a6a6a6" + text_safe: "#b1ca97" + text_warn: "#cec755" + text_danger: "#ee8861" + text_link: "#86a7f0" + text_link_active: "#86a7f0" + text_link_visited: "#86a7f0" + bg_qrcode: "#343d46" + stroke_qrcode: "#ffffff" + text_highlight: "#ffffff" + bg_text_highlight: "#3da069" + text_selection: "#660bad" + bg_text_selection: "#ebe9f0" + bg_button_primary: "#465568" + bg_button_primary_hover: "#465568" + text_button_primary: "#bbbbbb" + bg_button_secondary: "#495159" + bg_button_secondary_hover: "#86a7f04c" + text_button_secondary: "#bbbbbb" + bg_error_box: "#704649" + border_error_box: "#802730" + text_error_box: "#cccccc" + bg_input: "#3e444a" + border_input: "#dddddd" + border_input_invalid: "#f13547" + icon_active_indicator: "#a6a6a6" + icon_success_indicator: "#b3ffa1" + icon_failure_indicator: "#f13547" + icon_warning_indicator: "#cab815" + accent_info: "#94e9e1" + accent_highlight: "#85ef9b" + accent_warning: "#e2ef85" + accent_problem: "#ef9985" + chart_axis: "#777777" + chart_text: "#cccccc" + chart_guideline: "#666666" + chart_data_0: "#ffb685" + chart_data_1: "#85acff" + chart_data_2: "#4dbb70" + chart_data_3: "#eb4f5e" + chart_data_4: "#a278ef" + chart_data_5: "#e298f0" + chart_data_6: "#49d9d8" + chart_data_7: "#cab815" + chart_data_8: "#52e130" + chart_data_9: "#ff13b4" + code_normal: "#c0c5ce" + code_shadow: transparent + code_background: "#2b303b" + code_selection: "#4f5b66" + code_comment: "#65737e" + code_punc: "#c0c5ce" + code_operator: "#c0c5ce" + code_const_literal: "#d08770" + code_number_literal: "#d08770" + code_boolean_literal: "#d08770" + code_tag: "#bf616a" + code_string: "#a3be8c" + code_keyword: "#b48ead" + code_func_name: "#8fa1b3" + code_class_name: "#ebcb8b" + code_regex_important: "#96b5b4" + code_variable: "#bf616a" + code_builtin: "#96b5b4" + code_attr_name: "#d08770" + code_gutter_divider: "#343d46" + code_line_number: "#65737e" + code_line_highlight: "#65737e30" diff --git a/themes/Minimal Light/theme.json b/themes/Minimal Light/theme.json new file mode 100644 index 0000000..4d3cfdb --- /dev/null +++ b/themes/Minimal Light/theme.json @@ -0,0 +1,89 @@ +{ + "$schema": "../../schema/v1.json", + "name": "Minimal Light", + "labels": [ + "light" + ], + "colors": { + "sun": "#ffb685", + "moon": "#85acff", + "bg_main": "#ffffff", + "bg_light": "#fafafb", + "bg_heavy": "#ebf0f5", + "bg_popup_mask": "rgba(255, 255, 255, 0.6)", + "line": "#bbbbbb", + "line_safe": "#078e22", + "line_warn": "#cca01b", + "line_danger": "#d0501e", + "text_heading": "#333333", + "text_body": "#444444", + "text_light": "#777777", + "text_safe": "#078e22", + "text_warn": "#cca01b", + "text_danger": "#d0501e", + "text_link": "#5a81d8", + "text_link_active": "#5a81d8", + "text_link_visited": "#5a81d8", + "bg_qrcode": "#ffffff", + "stroke_qrcode": "#333333", + "text_highlight": "#444444", + "bg_text_highlight": "#d3ffd1", + "text_selection": "#ffffff", + "bg_text_selection": "#8006e0", + "bg_button_primary": "#f0f0f0", + "bg_button_primary_hover": "#dbe5fb", + "text_button_primary": "#444444", + "bg_button_secondary": "#efefef", + "bg_button_secondary_hover": "#efefef", + "text_button_secondary": "#444444", + "bg_error_box": "#ffe3e5", + "border_error_box": "#bf616a", + "text_error_box": "#444444", + "bg_input": "#ffffff", + "border_input": "#444444", + "border_input_invalid": "#bf616a", + "icon_active_indicator": "#777777", + "icon_success_indicator": "#4dbb70", + "icon_failure_indicator": "#bf616a", + "icon_warning_indicator": "#cab815", + "accent_info": "#c2eaf6", + "accent_highlight": "#c4f6c2", + "accent_warning": "#f6f5c2", + "accent_problem": "#f6c2c2", + "chart_axis": "#bbbbbb", + "chart_text": "#444444", + "chart_guideline": "#dddddd", + "chart_data_0": "#ffb685", + "chart_data_1": "#85acff", + "chart_data_2": "#4dbb70", + "chart_data_3": "#eb4f5e", + "chart_data_4": "#a278ef", + "chart_data_5": "#e298f0", + "chart_data_6": "#49d9d8", + "chart_data_7": "#cab815", + "chart_data_8": "#52e130", + "chart_data_9": "#ff13b4", + "code_normal": "#4f5b66", + "code_shadow": "transparent", + "code_background": "#eff1f5", + "code_selection": "#dfe1e8", + "code_comment": "#a7adba", + "code_punc": "#4f5b66", + "code_operator": "#4f5b66", + "code_const_literal": "#d08770", + "code_number_literal": "#d08770", + "code_boolean_literal": "#d08770", + "code_tag": "#bf616a", + "code_string": "#a3be8c", + "code_keyword": "#b48ead", + "code_func_name": "#8fa1b3", + "code_class_name": "#d08770", + "code_regex_important": "#96b5b4", + "code_variable": "#bf616a", + "code_builtin": "#96b5b4", + "code_attr_name": "#d08770", + "code_gutter_divider": "#eff1f5", + "code_line_number": "#4f5b66", + "code_line_highlight": "#a7adba30" + } +} \ No newline at end of file diff --git a/themes/Minimal Light/theme.yaml b/themes/Minimal Light/theme.yaml new file mode 100644 index 0000000..b4b6560 --- /dev/null +++ b/themes/Minimal Light/theme.yaml @@ -0,0 +1,85 @@ +$schema: ../../schema/v1.json +name: Minimal Light +labels: +- light +colors: + sun: "#ffb685" + moon: "#85acff" + bg_main: "#ffffff" + bg_light: "#fafafb" + bg_heavy: "#ebf0f5" + bg_popup_mask: rgba(255, 255, 255, 0.6) + line: "#bbbbbb" + line_safe: "#078e22" + line_warn: "#cca01b" + line_danger: "#d0501e" + text_heading: "#333333" + text_body: "#444444" + text_light: "#777777" + text_safe: "#078e22" + text_warn: "#cca01b" + text_danger: "#d0501e" + text_link: "#5a81d8" + text_link_active: "#5a81d8" + text_link_visited: "#5a81d8" + bg_qrcode: "#ffffff" + stroke_qrcode: "#333333" + text_highlight: "#444444" + bg_text_highlight: "#d3ffd1" + text_selection: "#ffffff" + bg_text_selection: "#8006e0" + bg_button_primary: "#f0f0f0" + bg_button_primary_hover: "#dbe5fb" + text_button_primary: "#444444" + bg_button_secondary: "#efefef" + bg_button_secondary_hover: "#efefef" + text_button_secondary: "#444444" + bg_error_box: "#ffe3e5" + border_error_box: "#bf616a" + text_error_box: "#444444" + bg_input: "#ffffff" + border_input: "#444444" + border_input_invalid: "#bf616a" + icon_active_indicator: "#777777" + icon_success_indicator: "#4dbb70" + icon_failure_indicator: "#bf616a" + icon_warning_indicator: "#cab815" + accent_info: "#c2eaf6" + accent_highlight: "#c4f6c2" + accent_warning: "#f6f5c2" + accent_problem: "#f6c2c2" + chart_axis: "#bbbbbb" + chart_text: "#444444" + chart_guideline: "#dddddd" + chart_data_0: "#ffb685" + chart_data_1: "#85acff" + chart_data_2: "#4dbb70" + chart_data_3: "#eb4f5e" + chart_data_4: "#a278ef" + chart_data_5: "#e298f0" + chart_data_6: "#49d9d8" + chart_data_7: "#cab815" + chart_data_8: "#52e130" + chart_data_9: "#ff13b4" + code_normal: "#4f5b66" + code_shadow: transparent + code_background: "#eff1f5" + code_selection: "#dfe1e8" + code_comment: "#a7adba" + code_punc: "#4f5b66" + code_operator: "#4f5b66" + code_const_literal: "#d08770" + code_number_literal: "#d08770" + code_boolean_literal: "#d08770" + code_tag: "#bf616a" + code_string: "#a3be8c" + code_keyword: "#b48ead" + code_func_name: "#8fa1b3" + code_class_name: "#d08770" + code_regex_important: "#96b5b4" + code_variable: "#bf616a" + code_builtin: "#96b5b4" + code_attr_name: "#d08770" + code_gutter_divider: "#eff1f5" + code_line_number: "#4f5b66" + code_line_highlight: "#a7adba30"