first commit; migrate schema, default themes from minimal projects
This commit is contained in:
commit
c7468f55bf
GPG Key ID:
24BA25B8B303B023
377
schema/v1.json
Normal file
377
schema/v1.json
Normal file
@ -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 <mark>text</mark> tag (or by using ==text== in markdown)\n"
|
||||
},
|
||||
"bg_text_highlight": {
|
||||
"$ref": "#/definitions/css_color",
|
||||
"description": "The background color of text highlighted using the <mark>text</mark> 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"
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
}
|
||||
393
schema/v1.yaml
Normal file
393
schema/v1.yaml
Normal file
@ -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 <mark>
|
||||
text_highlight:
|
||||
$ref: "#/definitions/css_color"
|
||||
description: >
|
||||
The color of text highlighted using the <mark>text</mark> tag (or by using ==text==
|
||||
in markdown)
|
||||
bg_text_highlight:
|
||||
$ref: "#/definitions/css_color"
|
||||
description: >
|
||||
The background color of text highlighted using the <mark>text</mark> 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
|
||||
89
themes/Minimal Dark/theme.json
Normal file
89
themes/Minimal Dark/theme.json
Normal file
@ -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"
|
||||
}
|
||||
}
|
||||
85
themes/Minimal Dark/theme.yaml
Normal file
85
themes/Minimal Dark/theme.yaml
Normal file
@ -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"
|
||||
89
themes/Minimal Light/theme.json
Normal file
89
themes/Minimal Light/theme.json
Normal file
@ -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"
|
||||
}
|
||||
}
|
||||
85
themes/Minimal Light/theme.yaml
Normal file
85
themes/Minimal Light/theme.yaml
Normal file
@ -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"
|
||||
Loading…
x
Reference in New Issue
Block a user