docs/schemas/color-theme/v1.yaml

$schema: http://json-schema.org/draft-07/schema
$id: https://gitea.jbrumond.me/minimal/docs/raw/branch/master/schemas/color-theme.json
type: object
properties:
  name:
    type: string
    description: The name of the color theme as it is displayed in the control
      panel. Must be unique in any given instance
  colors:
    type: object
    description: Contains the values that will be used to populate the CSS variables
      controlling the UI theme
    properties:
      sun:
        $ref: "#/definitions/css_color"
      moon:
        $ref: "#/definitions/css_color"
      bg_main:
        $ref: "#/definitions/css_color"
      bg_light:
        $ref: "#/definitions/css_color"
      bg_heavy:
        $ref: "#/definitions/css_color"
      bg_popup_mask:
        $ref: "#/definitions/css_color"
      line:
        $ref: "#/definitions/css_color"
      text_heading:
        $ref: "#/definitions/css_color"
      text_body:
        $ref: "#/definitions/css_color"
      text_light:
        $ref: "#/definitions/css_color"
      text_link:
        $ref: "#/definitions/css_color"
      text_link_active:
        $ref: "#/definitions/css_color"
      text_link_visited:
        $ref: "#/definitions/css_color"
      text_highlight:
        $ref: "#/definitions/css_color"
      bg_text_highlight:
        $ref: "#/definitions/css_color"
      text_selection:
        $ref: "#/definitions/css_color"
      bg_text_selection:
        $ref: "#/definitions/css_color"
      bg_button_primary:
        $ref: "#/definitions/css_color"
      bg_button_primary_hover:
        $ref: "#/definitions/css_color"
      text_button_primary:
        $ref: "#/definitions/css_color"
      bg_button_secondary:
        $ref: "#/definitions/css_color"
      bg_button_secondary_hover:
        $ref: "#/definitions/css_color"
      text_button_secondary:
        $ref: "#/definitions/css_color"
      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"
      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:
    description: |
      A valid CSS color value;
      See https://developer.mozilla.org/en-US/docs/Web/CSS/color_value
    examples:
      - "#000"
      - "#ff0000"
      - "#ffccaa88"
      - rgb(10, 70, 130)
      - rgba(10, 70, 130, 0.5)
    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)