0.1.15

make link color have higher contrast in Minimal Dark
0.1.14
2023-05-29 21:29:38 -07:00 · 2023-05-29 21:29:33 -07:00 · 2023-05-09 23:46:38 -07:00 · 2023-05-09 23:46:33 -07:00 · 2023-05-09 23:45:03 -07:00 · 2023-05-09 23:44:59 -07:00
10 changed files with 245 additions and 110 deletions
--- a/index.ts
+++ b/index.ts
@@ -53,9 +53,6 @@ export interface ColorTheme {

 	// todo: clean up, organize, comment this list
 	colors: {
-		sun: string;
-		moon: string;
-		
 		bg_main: string;
 		bg_light: string;
 		bg_heavy: string;
@@ -112,16 +109,28 @@ export interface ColorTheme {
 		chart_axis: string;
 		chart_text: string;
 		chart_guideline: string;
-		chart_data_0: string;
-		chart_data_1: string;
-		chart_data_2: string;
-		chart_data_3: string;
-		chart_data_4: string;
-		chart_data_5: string;
-		chart_data_6: string;
-		chart_data_7: string;
-		chart_data_8: string;
-		chart_data_9: string;
+		chart_shape_red_fill: string;
+		chart_shape_red_line: string;
+		chart_shape_orange_fill: string;
+		chart_shape_orange_line: string;
+		chart_shape_yellow_fill: string;
+		chart_shape_yellow_line: string;
+		chart_shape_green_fill: string;
+		chart_shape_green_line: string;
+		chart_shape_teal_fill: string;
+		chart_shape_teal_line: string;
+		chart_shape_pink_fill: string;
+		chart_shape_pink_line: string;
+		chart_shape_purple_fill: string;
+		chart_shape_purple_line: string;
+		chart_shape_blue_fill: string;
+		chart_shape_blue_line: string;
+		chart_shape_indigo_fill: string;
+		chart_shape_indigo_line: string;
+		chart_shape_magenta_fill: string;
+		chart_shape_magenta_line: string;
+		chart_shape_brown_fill: string;
+		chart_shape_brown_line: string;
 		
 		code_normal: string;
 		code_shadow: string;
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
 	"name": "@doc-utils/color-themes",
-	"version": "0.1.5",
+	"version": "0.1.15",
 	"lockfileVersion": 2,
 	"requires": true,
 	"packages": {
 		"": {
 			"name": "@doc-utils/color-themes",
-			"version": "0.1.5",
+			"version": "0.1.15",
 			"devDependencies": {
 				"@types/node": "^18.16.3",
 				"typescript": "^5.0.4"
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@doc-utils/color-themes",
-	"version": "0.1.5",
+	"version": "0.1.15",
 	"publishConfig": {
 		"registry": "https://gitea.home.jbrumond.me/api/packages/doc-utils/npm/"
 	},
--- a/readme.md
+++ b/readme.md
@@ -0,0 +1,32 @@
+
+
+### Minimal Light / Minimal Dark
+
+
+
+#### Chart Colors
+
+| Variable                    | Light   | Dark    |
+|-----------------------------|---------|---------|
+| `chart_shape_red_fill`      | #feaea5 | #a64237 |
+| `chart_shape_red_line`      | #ff806d | #c77366 |
+| `chart_shape_orange_fill`   | #fad6bc | #c05f1a |
+| `chart_shape_orange_line`   | #ffb780 | #d89766 |
+| `chart_shape_yellow_fill`   | #ebe99f | #716f36 |
+| `chart_shape_yellow_line`   | #ccc948 | #a09e27 |
+| `chart_shape_green_fill`    | #abe0aa | #529151 |
+| `chart_shape_green_line`    | #66cc66 | #9ad89a |
+| `chart_shape_teal_fill`     | #b0ebe9 | #0c7c78 |
+| `chart_shape_teal_line`     | #66cdcc | #47b8b7 |
+| `chart_shape_pink_fill`     | #ffcae2 | #b75b8a |
+| `chart_shape_pink_line`     | #ff99cb | #ffa1c9 |
+| `chart_shape_purple_fill`   | #e5caff | #6a4e84 |
+| `chart_shape_purple_line`   | #cc99fe | #b27ee4 |
+| `chart_shape_blue_fill`     | #b1e2ff | #4a80a0 |
+| `chart_shape_blue_line`     | #66cbff | #7cb3cf |
+| `chart_shape_indigo_fill`   | #afcaf9 | #36445c |
+| `chart_shape_indigo_line`   | #6295ee | #4373c7 |
+| `chart_shape_magenta_fill`  | #ebb5cd | #953d7b |
+| `chart_shape_magenta_line`  | #cc6698 | #e454ac |
+| `chart_shape_brown_fill`    | #e1c3b8 | #915038 |
+| `chart_shape_brown_line`    | #bf8c71 | #9a715b |
--- a/schema/v1.json
+++ b/schema/v1.json
@@ -2,6 +2,7 @@
  "$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",
+  "title": "Color Theme",
  "properties": {
    "name": {
      "type": "string",
@@ -29,14 +30,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 +188,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": {
--- a/schema/v1.yaml
+++ b/schema/v1.yaml
@@ -1,6 +1,7 @@
 $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
+title: Color Theme
 properties:
  name:
    type: string
@@ -29,18 +30,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 +218,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

--- a/Dark/theme.json
+++ b/Dark/theme.json
@@ -5,8 +5,6 @@
    "dark"
  ],
  "colors": {
-    "sun": "#ffb685",
-    "moon": "#85acff",
    "bg_main": "#343d46",
    "bg_light": "#3f4a53",
    "bg_heavy": "#495159",
@@ -21,9 +19,9 @@
    "text_safe": "#b1ca97",
    "text_warn": "#cec755",
    "text_danger": "#ee8861",
-    "text_link": "#86a7f0",
-    "text_link_active": "#86a7f0",
-    "text_link_visited": "#86a7f0",
+    "text_link": "#a5bae8",
+    "text_link_active": "#a5bae8",
+    "text_link_visited": "#a5bae8",
    "bg_qrcode": "#343d46",
    "stroke_qrcode": "#ffffff",
    "text_highlight": "#ffffff",
@@ -53,16 +51,28 @@
    "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",
+    "chart_shape_red_fill": "#a64237",
+    "chart_shape_red_line": "#c77366",
+    "chart_shape_orange_fill": "#b15819",
+    "chart_shape_orange_line": "#d89766",
+    "chart_shape_yellow_fill": "#7a7722",
+    "chart_shape_yellow_line": "#fffd76",
+    "chart_shape_green_fill": "#458044",
+    "chart_shape_green_line": "#9ad89a",
+    "chart_shape_teal_fill": "#0c7c78",
+    "chart_shape_teal_line": "#47b8b7",
+    "chart_shape_pink_fill": "#b75b8a",
+    "chart_shape_pink_line": "#ffa1c9",
+    "chart_shape_purple_fill": "#6a4e84",
+    "chart_shape_purple_line": "#b27ee4",
+    "chart_shape_blue_fill": "#4a80a0",
+    "chart_shape_blue_line": "#7cb3cf",
+    "chart_shape_indigo_fill": "#3d5072",
+    "chart_shape_indigo_line": "#4373c7",
+    "chart_shape_magenta_fill": "#953d7b",
+    "chart_shape_magenta_line": "#e454ac",
+    "chart_shape_brown_fill": "#915038",
+    "chart_shape_brown_line": "#9a715b",
    "code_normal": "#c0c5ce",
    "code_shadow": "transparent",
    "code_background": "#2b303b",
--- a/Dark/theme.yaml
+++ b/Dark/theme.yaml
@@ -3,8 +3,6 @@ name: Minimal Dark
 labels:
 - dark
 colors:
-  sun: "#ffb685"
-  moon: "#85acff"
  bg_main: "#343d46"
  bg_light: "#3f4a53"
  bg_heavy: "#495159"
@@ -19,9 +17,9 @@ colors:
  text_safe: "#b1ca97"
  text_warn: "#cec755"
  text_danger: "#ee8861"
-  text_link: "#86a7f0"
-  text_link_active: "#86a7f0"
-  text_link_visited: "#86a7f0"
+  text_link: "#a5bae8"
+  text_link_active: "#a5bae8"
+  text_link_visited: "#a5bae8"
  bg_qrcode: "#343d46"
  stroke_qrcode: "#ffffff"
  text_highlight: "#ffffff"
@@ -51,16 +49,28 @@ colors:
  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"
+  chart_shape_red_fill: "#a64237"
+  chart_shape_red_line: "#c77366"
+  chart_shape_orange_fill: "#b15819"
+  chart_shape_orange_line: "#d89766"
+  chart_shape_yellow_fill: "#7a7722"
+  chart_shape_yellow_line: "#fffd76"
+  chart_shape_green_fill: "#458044"
+  chart_shape_green_line: "#9ad89a"
+  chart_shape_teal_fill: "#0c7c78"
+  chart_shape_teal_line: "#47b8b7"
+  chart_shape_pink_fill: "#b75b8a"
+  chart_shape_pink_line: "#ffa1c9"
+  chart_shape_purple_fill: "#6a4e84"
+  chart_shape_purple_line: "#b27ee4"
+  chart_shape_blue_fill: "#4a80a0"
+  chart_shape_blue_line: "#7cb3cf"
+  chart_shape_indigo_fill: "#3d5072"
+  chart_shape_indigo_line: "#4373c7"
+  chart_shape_magenta_fill: "#953d7b"
+  chart_shape_magenta_line: "#e454ac"
+  chart_shape_brown_fill: "#915038"
+  chart_shape_brown_line: "#9a715b"
  code_normal: "#c0c5ce"
  code_shadow: transparent
  code_background: "#2b303b"
--- a/Light/theme.json
+++ b/Light/theme.json
@@ -5,8 +5,6 @@
    "light"
  ],
  "colors": {
-    "sun": "#ffb685",
-    "moon": "#85acff",
    "bg_main": "#ffffff",
    "bg_light": "#fafafb",
    "bg_heavy": "#ebf0f5",
@@ -53,16 +51,28 @@
    "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",
+    "chart_shape_red_fill": "#feaea5",
+    "chart_shape_red_line": "#ff806d",
+    "chart_shape_orange_fill": "#fad6bc",
+    "chart_shape_orange_line": "#ffb780",
+    "chart_shape_yellow_fill": "#fffec6",
+    "chart_shape_yellow_line": "#e1dc18",
+    "chart_shape_green_fill": "#d6f9d5",
+    "chart_shape_green_line": "#66cc66",
+    "chart_shape_teal_fill": "#b0ebe9",
+    "chart_shape_teal_line": "#66cdcc",
+    "chart_shape_pink_fill": "#ffcae2",
+    "chart_shape_pink_line": "#ff99cb",
+    "chart_shape_purple_fill": "#efdeff",
+    "chart_shape_purple_line": "#cc99fe",
+    "chart_shape_blue_fill": "#caebff",
+    "chart_shape_blue_line": "#66cbff",
+    "chart_shape_indigo_fill": "#c2d6f9",
+    "chart_shape_indigo_line": "#6295ee",
+    "chart_shape_magenta_fill": "#ebb5cd",
+    "chart_shape_magenta_line": "#cc6698",
+    "chart_shape_brown_fill": "#e1c3b8",
+    "chart_shape_brown_line": "#bf8c71",
    "code_normal": "#4f5b66",
    "code_shadow": "transparent",
    "code_background": "#eff1f5",
--- a/Light/theme.yaml
+++ b/Light/theme.yaml
@@ -3,8 +3,6 @@ name: Minimal Light
 labels:
 - light
 colors:
-  sun: "#ffb685"
-  moon: "#85acff"
  bg_main: "#ffffff"
  bg_light: "#fafafb"
  bg_heavy: "#ebf0f5"
@@ -51,16 +49,28 @@ colors:
  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"
+  chart_shape_red_fill: "#feaea5"
+  chart_shape_red_line: "#ff806d"
+  chart_shape_orange_fill: "#fad6bc"
+  chart_shape_orange_line: "#ffb780"
+  chart_shape_yellow_fill: "#fffec6"
+  chart_shape_yellow_line: "#e1dc18"
+  chart_shape_green_fill: "#d6f9d5"
+  chart_shape_green_line: "#66cc66"
+  chart_shape_teal_fill: "#b0ebe9"
+  chart_shape_teal_line: "#66cdcc"
+  chart_shape_pink_fill: "#ffcae2"
+  chart_shape_pink_line: "#ff99cb"
+  chart_shape_purple_fill: "#efdeff"
+  chart_shape_purple_line: "#cc99fe"
+  chart_shape_blue_fill: "#caebff"
+  chart_shape_blue_line: "#66cbff"
+  chart_shape_indigo_fill: "#c2d6f9"
+  chart_shape_indigo_line: "#6295ee"
+  chart_shape_magenta_fill: "#ebb5cd"
+  chart_shape_magenta_line: "#cc6698"
+  chart_shape_brown_fill: "#e1c3b8"
+  chart_shape_brown_line: "#bf8c71"
  code_normal: "#4f5b66"
  code_shadow: transparent
  code_background: "#eff1f5"
Author	SHA1	Message	Date
James Brumond	c7b5e6f0bd	0.1.15	2023-05-29 21:29:38 -07:00
James Brumond	3679ae039c	make link color have higher contrast in Minimal Dark	2023-05-29 21:29:33 -07:00
James Brumond	1c08d49a1d	0.1.14	2023-05-09 23:46:38 -07:00
James Brumond	4f59742a69	softer light purple fill	2023-05-09 23:46:33 -07:00
James Brumond	6e55e1549c	0.1.13	2023-05-09 23:45:03 -07:00
James Brumond	3104634335	softer light blue fill	2023-05-09 23:44:59 -07:00
James Brumond	db0a26e894	0.1.12	2023-05-09 23:43:19 -07:00
James Brumond	f80eb5fb8b	softer dark green fill	2023-05-09 23:43:13 -07:00
James Brumond	b7a092a0d0	0.1.11	2023-05-09 23:25:52 -07:00
James Brumond	6f8b1a9ee3	softer light green fill	2023-05-09 23:25:38 -07:00
James Brumond	672c16110e	0.1.10	2023-05-09 23:12:22 -07:00
James Brumond	b28a11c4b9	softer indigo colors	2023-05-09 23:12:03 -07:00
James Brumond	f02147df9a	0.1.9	2023-05-09 23:02:57 -07:00
James Brumond	3f3dfb1eef	soften some dark colors	2023-05-09 23:02:51 -07:00
James Brumond	3806d503e9	0.1.8	2023-05-09 22:45:56 -07:00
James Brumond	ee48a51e60	softer orange in dark	2023-05-09 22:45:36 -07:00
James Brumond	dca4a3f0b9	0.1.7	2023-05-09 22:28:01 -07:00
James Brumond	653b3795d5	regen json files from yaml	2023-05-09 22:27:57 -07:00
James Brumond	7acb8d0341	0.1.6	2023-05-09 22:25:01 -07:00
James Brumond	cb3ada3933	updates to add new chart colors	2023-05-09 22:24:55 -07:00
James Brumond	e18ec1613d	updates to add new chart colors	2023-05-09 22:24:05 -07:00