doc-utils/color-themes
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

updates to add new chart colors

Browse Source
This commit is contained in:
James Brumond
2023-05-09 22:24:05 -07:00
parent 7b5ef77dd0
commit e18ec1613d
8 changed files with 168 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
schema/v1.json
View File

@@ -29,14 +29,6 @@
"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"
@@ -195,34 +187,70 @@
"chart_guideline": {
"$ref": "#/definitions/css_color"
},
"chart_data_0": {
"chart_shape_red_fill": {
"$ref": "#/definitions/css_color"
},
"chart_data_1": {
"chart_shape_red_line": {
"$ref": "#/definitions/css_color"
},
"chart_data_2": {
"chart_shape_orange_fill": {
"$ref": "#/definitions/css_color"
},
"chart_data_3": {
"chart_shape_orange_line": {
"$ref": "#/definitions/css_color"
},
"chart_data_4": {
"chart_shape_yellow_fill": {
"$ref": "#/definitions/css_color"
},
"chart_data_5": {
"chart_shape_yellow_line": {
"$ref": "#/definitions/css_color"
},
"chart_data_6": {
"chart_shape_green_fill": {
"$ref": "#/definitions/css_color"
},
"chart_data_7": {
"chart_shape_green_line": {
"$ref": "#/definitions/css_color"
},
"chart_data_8": {
"chart_shape_teal_fill": {
"$ref": "#/definitions/css_color"
},
"chart_data_9": {
"chart_shape_teal_line": {
"$ref": "#/definitions/css_color"
},
"chart_shape_pink_fill": {
"$ref": "#/definitions/css_color"
},
"chart_shape_pink_line": {
"$ref": "#/definitions/css_color"
},
"chart_shape_purple_fill": {
"$ref": "#/definitions/css_color"
},
"chart_shape_purple_line": {
"$ref": "#/definitions/css_color"
},
"chart_shape_blue_fill": {
"$ref": "#/definitions/css_color"
},
"chart_shape_blue_line": {
"$ref": "#/definitions/css_color"
},
"chart_shape_indigo_fill": {
"$ref": "#/definitions/css_color"
},
"chart_shape_indigo_line": {
"$ref": "#/definitions/css_color"
},
"chart_shape_magenta_fill": {
"$ref": "#/definitions/css_color"
},
"chart_shape_magenta_line": {
"$ref": "#/definitions/css_color"
},
"chart_shape_brown_fill": {
"$ref": "#/definitions/css_color"
},
"chart_shape_brown_line": {
"$ref": "#/definitions/css_color"
},
"code_normal": {

68
schema/v1.yaml
View File

@@ -29,18 +29,6 @@ properties:
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"
@@ -229,34 +217,70 @@ properties:
chart_guideline:
$ref: "#/definitions/css_color"
# todo: description
chart_data_0:
chart_shape_red_fill:
$ref: "#/definitions/css_color"
# todo: description
chart_data_1:
chart_shape_red_line:
$ref: "#/definitions/css_color"
# todo: description
chart_data_2:
chart_shape_orange_fill:
$ref: "#/definitions/css_color"
# todo: description
chart_data_3:
chart_shape_orange_line:
$ref: "#/definitions/css_color"
# todo: description
chart_data_4:
chart_shape_yellow_fill:
$ref: "#/definitions/css_color"
# todo: description
chart_data_5:
chart_shape_yellow_line:
$ref: "#/definitions/css_color"
# todo: description
chart_data_6:
chart_shape_green_fill:
$ref: "#/definitions/css_color"
# todo: description
chart_data_7:
chart_shape_green_line:
$ref: "#/definitions/css_color"
# todo: description
chart_data_8:
chart_shape_teal_fill:
$ref: "#/definitions/css_color"
# todo: description
chart_data_9:
chart_shape_teal_line:
$ref: "#/definitions/css_color"
# todo: description
chart_shape_pink_fill:
$ref: "#/definitions/css_color"
# todo: description
chart_shape_pink_line:
$ref: "#/definitions/css_color"
# todo: description
chart_shape_purple_fill:
$ref: "#/definitions/css_color"
# todo: description
chart_shape_purple_line:
$ref: "#/definitions/css_color"
# todo: description
chart_shape_blue_fill:
$ref: "#/definitions/css_color"
# todo: description
chart_shape_blue_line:
$ref: "#/definitions/css_color"
# todo: description
chart_shape_indigo_fill:
$ref: "#/definitions/css_color"
# todo: description
chart_shape_indigo_line:
$ref: "#/definitions/css_color"
# todo: description
chart_shape_magenta_fill:
$ref: "#/definitions/css_color"
# todo: description
chart_shape_magenta_line:
$ref: "#/definitions/css_color"
# todo: description
chart_shape_brown_fill:
$ref: "#/definitions/css_color"
# todo: description
chart_shape_brown_line:
$ref: "#/definitions/css_color"
# todo: description