Style fixes

yeun · Aug 17, 2021 · f1920b0 · f1920b0
1 parent 2d4ca13
commit f1920b0
Show file tree

Hide file tree

Showing 12 changed files with 233 additions and 85 deletions.
diff --git a/README.md b/README.md
@@ -22,13 +22,14 @@ Open color is an [open-source](https://en.wikipedia.org/wiki/Open-source_softwar
 ```
 $ npm install open-color
 ```
+or
 ```
 $ bower install open-color
 ```
 
-## Currently Supported Formats
+## Currently Supported Formats, Language Environments, Libraries
 
-css, sass, less, styl, json, svg, tex, oco(Open Color Tools), rcpx(PowerPaint), sketchpalette(Sketch), inkscape, aco, clr
+CSS, Sass, Less, Stylus, JSON, SVG, TeX, Open Color Tools (.oco), PowerPaint (.rcpx), Sketch (.sketchpalette), Inkscape, aco, clr, Tailwind, TypeScript
 
 ## Variable Convention
 
@@ -168,30 +169,3 @@ a:active {
 ## Other Language Bindings
 
 - Julia : [OpenColor.jl](https://github.com/appleparan/OpenColor.jl)
-
-## Contribution
-
-Check out the list below.
-
-### Color Value
-
-- `open-color.json`
-   - Change and `$ npm run compile-templates`
-- `docs/asset/download/open-color_*.*.*.aco`
-- `docs/asset/download/open-color_*.*.*.clr`
-- Adobe library (admin rights)
-
-### Version Number
-
-- `package.json`
-- `docs/asset/download/open-color_*.*.*.aco`
-- Adobe library (admin rights)
-
-### Document
-
-- `README.md`
-- `docs/documents.html`
-
-### Introduction
-
-- `README.md`
diff --git a/bower.json b/bower.json
@@ -36,4 +36,4 @@
     "**/.*",
     "*.js"
   ]
-}
+}
diff --git a/compile-templates.js b/compile-templates.js
@@ -1,4 +1,3 @@
-
 const path = require('path');
 const pkg = require('./package.json');
 
@@ -58,4 +57,7 @@ templatedBuilder.build('open-color.rcpx',
     [path.join(__dirname, 'open-color.rcpx')]);
 
 templatedBuilder.build('open-color.d.ts',
-    [path.join(__dirname, 'open-color.d.ts')]);
+    [path.join(__dirname, 'open-color.d.ts')]);
+
+templatedBuilder.build('open-color.js',
+    [path.join(__dirname, 'open-color.js')]);
diff --git a/templates/open-color.code-snippets.hbs b/templates/open-color.code-snippets.hbs
@@ -25,4 +25,4 @@
     },
 {{/each}}
 {{/each}}
-}
+}
diff --git a/templates/open-color.d.ts.hbs b/templates/open-color.d.ts.hbs
@@ -19,4 +19,4 @@ declare module 'open-color' {
 
     const OpenColor: OpenColor;
     export default OpenColor;
-}
+}
diff --git a/templates/open-color.js.hbs b/templates/open-color.js.hbs
@@ -0,0 +1,172 @@
+/*
+ *
+ *  𝗖 𝗢 𝗟 𝗢 𝗥
+ *  v {{version}}
+ *
+ *  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
+
+module.exports = {
+  theme: {
+    colors: {
+      white: "#ffffff",
+      black: "#000000",
+      gray: {
+        50: "#f8f9fa",
+        100: "#f1f3f5",
+        200: "#e9ecef",
+        300: "#dee2e6",
+        400: "#ced4da",
+        500: "#adb5bd",
+        600: "#868e96",
+        700: "#495057",
+        800: "#343a40",
+        900: "#212529",
+      },
+      red: {
+        50: "#fff5f5",
+        100: "#ffe3e3",
+        200: "#ffc9c9",
+        300: "#ffa8a8",
+        400: "#ff8787",
+        500: "#ff6b6b",
+        600: "#fa5252",
+        700: "#f03e3e",
+        800: "#e03131",
+        900: "#c92a2a",
+      },
+      pink: {
+        50: "#fff0f6",
+        100: "#ffdeeb",
+        200: "#fcc2d7",
+        300: "#faa2c1",
+        400: "#f783ac",
+        500: "#f06595",
+        600: "#e64980",
+        700: "#d6336c",
+        800: "#c2255c",
+        900: "#a61e4d",
+      },
+      grape: {
+        50: "#f8f0fc",
+        100: "#f3d9fa",
+        200: "#eebefa",
+        300: "#e599f7",
+        400: "#da77f2",
+        500: "#cc5de8",
+        600: "#be4bdb",
+        700: "#ae3ec9",
+        800: "#9c36b5",
+        900: "#862e9c",
+      },
+      violet: {
+        50: "#f3f0ff",
+        100: "#e5dbff",
+        200: "#d0bfff",
+        300: "#b197fc",
+        400: "#9775fa",
+        500: "#845ef7",
+        600: "#7950f2",
+        700: "#7048e8",
+        800: "#6741d9",
+        900: "#5f3dc4",
+      },
+      indigo: {
+        50: "#edf2ff",
+        100: "#dbe4ff",
+        200: "#bac8ff",
+        300: "#91a7ff",
+        400: "#748ffc",
+        500: "#5c7cfa",
+        600: "#4c6ef5",
+        700: "#4263eb",
+        800: "#3b5bdb",
+        900: "#364fc7",
+      },
+      blue: {
+        50: "#e7f5ff",
+        100: "#d0ebff",
+        200: "#a5d8ff",
+        300: "#74c0fc",
+        400: "#4dabf7",
+        500: "#339af0",
+        600: "#228be6",
+        700: "#1c7ed6",
+        800: "#1971c2",
+        900: "#1864ab",
+      },
+      cyan: {
+        50: "#e3fafc",
+        100: "#c5f6fa",
+        200: "#99e9f2",
+        300: "#66d9e8",
+        400: "#3bc9db",
+        500: "#22b8cf",
+        600: "#15aabf",
+        700: "#1098ad",
+        800: "#0c8599",
+        900: "#0b7285",
+      },
+      teal: {
+        50: "#e6fcf5",
+        100: "#c3fae8",
+        200: "#96f2d7",
+        300: "#63e6be",
+        400: "#38d9a9",
+        500: "#20c997",
+        600: "#12b886",
+        700: "#0ca678",
+        800: "#099268",
+        900: "#087f5b",
+      },
+      green: {
+        50: "#ebfbee",
+        100: "#d3f9d8",
+        200: "#b2f2bb",
+        300: "#8ce99a",
+        400: "#69db7c",
+        500: "#51cf66",
+        600: "#40c057",
+        700: "#37b24d",
+        800: "#2f9e44",
+        900: "#2b8a3e",
+      },
+      lime: {
+        50: "#f4fce3",
+        100: "#e9fac8",
+        200: "#d8f5a2",
+        300: "#c0eb75",
+        400: "#a9e34b",
+        500: "#94d82d",
+        600: "#82c91e",
+        700: "#74b816",
+        800: "#66a80f",
+        900: "#5c940d",
+      },
+      yellow: {
+        50: "#fff9db",
+        100: "#fff3bf",
+        200: "#ffec99",
+        300: "#ffe066",
+        400: "#ffd43b",
+        500: "#fcc419",
+        600: "#fab005",
+        700: "#f59f00",
+        800: "#f08c00",
+        900: "#e67700",
+      },
+      orange: {
+        50: "#fff4e6",
+        100: "#ffe8cc",
+        200: "#ffd8a8",
+        300: "#ffc078",
+        400: "#ffa94d",
+        500: "#ff922b",
+        600: "#fd7e14",
+        700: "#f76707",
+        800: "#e8590c",
+        900: "#d9480f",
+      },
+    },
+  },
+  plugins: [],
+};
diff --git a/templates/open-color.less.hbs b/templates/open-color.less.hbs
@@ -30,4 +30,4 @@
 @oc-{{color.name}}-7: extract(@oc-{{color.name}}-list, 8);
 @oc-{{color.name}}-8: extract(@oc-{{color.name}}-list, 9);
 @oc-{{color.name}}-9: extract(@oc-{{color.name}}-list, 10);
-{{/each}}
+{{/each}}
diff --git a/templates/open-color.oco.hbs b/templates/open-color.oco.hbs
@@ -15,4 +15,4 @@
 Fully Saturated:
 {{#each colors as |color|}}
   {{color.name}}: ={{capitalize color.name}}s.9
-{{/each}}
+{{/each}}
diff --git a/templates/open-color.rcpx.hbs b/templates/open-color.rcpx.hbs
@@ -6,56 +6,56 @@
          hwidth="241" hheight= "85"
          swidth="121" sheight="157"
          vwidth= "85" vheight="241">
-	<colors ordered="ordered">
+  <colors ordered="ordered">
 {{#each colors as |color|}}
 {{#each color.hex as |hex index|}}
 {{#with (hex2rgb hex) as |rgb|}}
-		<rgb r="{{rgb.r}}" g="{{rgb.g}}" b="{{rgb.b}}" name="{{capitalize color.name}} {{index}}"/>
+    <rgb r="{{rgb.r}}" g="{{rgb.g}}" b="{{rgb.b}}" name="{{capitalize color.name}} {{index}}"/>
 {{/with}}
 {{/each}}
 {{/each}}
-	</colors>
-	<layout>
-		<oriented>
-			<horizontal>
-				<column>
-					<row><range start=  "0" end= "10"/></row>
-					<row><range start= "10" end= "20"/><range start= "70" end= "80"/></row>
-					<row><range start= "20" end= "30"/><range start= "80" end= "90"/></row>
-					<row><range start= "30" end= "40"/><range start= "90" end="100"/></row>
-					<row><range start= "40" end= "50"/><range start="100" end="110"/></row>
-					<row><range start= "50" end= "60"/><range start="110" end="120"/></row>
-					<row><range start= "60" end= "70"/><range start="120" end="130"/></row>
-				</column>
-			</horizontal>
-			<square>
-				<column>
-					<row><range start=  "0" end= "10"/></row>
-					<row><range start= "10" end= "20"/></row>
-					<row><range start= "20" end= "30"/></row>
-					<row><range start= "30" end= "40"/></row>
-					<row><range start= "40" end= "50"/></row>
-					<row><range start= "50" end= "60"/></row>
-					<row><range start= "60" end= "70"/></row>
-					<row><range start= "70" end= "80"/></row>
-					<row><range start= "80" end= "90"/></row>
-					<row><range start= "90" end="100"/></row>
-					<row><range start="100" end="110"/></row>
-					<row><range start="110" end="120"/></row>
-					<row><range start="120" end="130"/></row>
-				</column>
-			</square>
-			<vertical>
-				<row>
-					<column><range start=  "0" end= "10"/></column>
-					<column><range start= "10" end= "20"/><range start= "70" end= "80"/></column>
-					<column><range start= "20" end= "30"/><range start= "80" end= "90"/></column>
-					<column><range start= "30" end= "40"/><range start= "90" end="100"/></column>
-					<column><range start= "40" end= "50"/><range start="100" end="110"/></column>
-					<column><range start= "50" end= "60"/><range start="110" end="120"/></column>
-					<column><range start= "60" end= "70"/><range start="120" end="130"/></column>
-				</row>
-			</vertical>
-		</oriented>
-	</layout>
+  </colors>
+  <layout>
+    <oriented>
+      <horizontal>
+        <column>
+          <row><range start=  "0" end= "10"/></row>
+          <row><range start= "10" end= "20"/><range start= "70" end= "80"/></row>
+          <row><range start= "20" end= "30"/><range start= "80" end= "90"/></row>
+          <row><range start= "30" end= "40"/><range start= "90" end="100"/></row>
+          <row><range start= "40" end= "50"/><range start="100" end="110"/></row>
+          <row><range start= "50" end= "60"/><range start="110" end="120"/></row>
+          <row><range start= "60" end= "70"/><range start="120" end="130"/></row>
+        </column>
+      </horizontal>
+      <square>
+        <column>
+          <row><range start=  "0" end= "10"/></row>
+          <row><range start= "10" end= "20"/></row>
+          <row><range start= "20" end= "30"/></row>
+          <row><range start= "30" end= "40"/></row>
+          <row><range start= "40" end= "50"/></row>
+          <row><range start= "50" end= "60"/></row>
+          <row><range start= "60" end= "70"/></row>
+          <row><range start= "70" end= "80"/></row>
+          <row><range start= "80" end= "90"/></row>
+          <row><range start= "90" end="100"/></row>
+          <row><range start="100" end="110"/></row>
+          <row><range start="110" end="120"/></row>
+          <row><range start="120" end="130"/></row>
+        </column>
+      </square>
+      <vertical>
+        <row>
+          <column><range start=  "0" end= "10"/></column>
+          <column><range start= "10" end= "20"/><range start= "70" end= "80"/></column>
+          <column><range start= "20" end= "30"/><range start= "80" end= "90"/></column>
+          <column><range start= "30" end= "40"/><range start= "90" end="100"/></column>
+          <column><range start= "40" end= "50"/><range start="100" end="110"/></column>
+          <column><range start= "50" end= "60"/><range start="110" end="120"/></column>
+          <column><range start= "60" end= "70"/><range start="120" end="130"/></column>
+        </row>
+      </vertical>
+    </oriented>
+  </layout>
 </palette>
diff --git a/templates/open-color.sketchpalette.hbs b/templates/open-color.sketchpalette.hbs
@@ -4,4 +4,4 @@
             {"red":{{div rgb.r 255}},"green":{{div rgb.g 255}},"blue":{{div rgb.b 255}},"alpha":1}{{#unless (and @last @../last)}},{{/unless}}
         {{~/with}}
     {{~/each}}
-{{~/each}}]}
+{{~/each}}]}
diff --git a/templates/open-color.styl.hbs b/templates/open-color.styl.hbs
@@ -34,4 +34,4 @@ oc-{{color.name}}-6 = oc-{{color.name}}-list['6']
 oc-{{color.name}}-7 = oc-{{color.name}}-list['7']
 oc-{{color.name}}-8 = oc-{{color.name}}-list['8']
 oc-{{color.name}}-9 = oc-{{color.name}}-list['9']
-{{/each}}
+{{/each}}
diff --git a/templates/open-color.svg.hbs b/templates/open-color.svg.hbs
@@ -41,4 +41,4 @@
 
         {{/block-params}}
     </g>
-</svg>
+</svg>
-Original file line number
+Diff line change
@@ Expand Up / @@ -36,4 +36,4 @@ @@
         "**/.*",
         "*.js"
       ]
-    }
+    }