complete pallette for the light theme

ZYinMD · Nov 29, 2018 · 607c927 · 607c927
1 parent 6e5984a
commit 607c927
Show file tree

Hide file tree

Showing 5 changed files with 64 additions and 6 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1,3 +1,4 @@
 node_modules
 *.vsix
 tweaking
+themes/references
diff --git a/.vscodeignore b/.vscodeignore
@@ -1,6 +1,6 @@
 .vscode/**
 .vscode-test/**
 .gitignore
-vsc-extension-quickstart.md
 tweaking
 pallettes
+themes/references
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -4,10 +4,18 @@ All notable changes to this project will be documented in this file. Dates are d
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
-#### [v0.0.6](https://github.com/ZYinMD/sepia/compare/v0.0.6...v0.0.6)
+#### [v0.0.7](https://github.com/ZYinMD/sepia/compare/v0.0.7...v0.0.7)
+
+> 29 November 2018
+
+#### [v0.0.6](https://github.com/ZYinMD/sepia/compare/v0.0.5...v0.0.6)
 
 > 28 November 2018
 
+- improve light theme colors [`d2f7328`](https://github.com/ZYinMD/sepia/commit/d2f73287550dc05c044b304c787c44b8babe4e03)
+- improve light theme color [`402cda7`](https://github.com/ZYinMD/sepia/commit/402cda7fa07bd1c76f48ac6c0dd61ffe836d8c2c)
+- change npm scripts [`f96a30c`](https://github.com/ZYinMD/sepia/commit/f96a30c833a4deb73334e63c25cd19f4ce92e6da)
+
 #### [v0.0.5](https://github.com/ZYinMD/sepia/compare/v0.0.4...v0.0.5)
 
 > 27 November 2018

diff --git a/pallettes/sepia/palette.html b/pallettes/sepia/palette.html
@@ -18,9 +18,13 @@
     <span class="olive">olive</span>
     <span class="maroon">maroon</span>
     <span class="yellow">yellow</span>
+    <span class="teal">teal</span>
+    <span class="purple">purple</span>
+    <span class="tan">tan</span>
     <span class="blue">blue</span>
     <span class="magenta">magenta</span>
     <span class="green">green</span>
+    <span class="black">black</span>
   </section>
   <section class="colors lines">
     <p class="default">default: The quick brown fox jumps over the lazy dog</p>
@@ -31,9 +35,13 @@
     <p class="olive">olive: The quick brown fox jumps over the lazy dog</p>
     <p class="maroon">maroon: The quick brown fox jumps over the lazy dog</p>
     <p class="yellow">yellow: The quick brown fox jumps over the lazy dog</p>
+    <p class="teal">teal: The quick brown fox jumps over the lazy dog</p>
+    <p class="purple">purple: The quick brown fox jumps over the lazy dog</p>
+    <p class="tan">tan: The quick brown fox jumps over the lazy dog</p>
     <p class="blue">blue: The quick brown fox jumps over the lazy dog</p>
     <p class="magenta">magenta: The quick brown fox jumps over the lazy dog</p>
     <p class="green">green: The quick brown fox jumps over the lazy dog</p>
+    <p class="black">black: The quick brown fox jumps over the lazy dog</p>
   </section>
   <section class="lines">
     <div class="default colors">
@@ -68,6 +76,18 @@
       <div class="color-names">yellow</div>
       <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolores iure ut ea provident tempore quam ab aliquid! Doloremque eos explicabo tempora architecto adipisci voluptates! Laborum labore asperiores doloribus quas quasi! Laborum Lorem ipsum, dolor sit amet consectetur adipisicing elit. Tempora architecto adipisci saepe recusandae. Eos harum minima doloribus quas, ea magni itaque at nulla maiores nemo dolore iste illo suscipit enim? Lorem, ipsum dolor sit amet consectetur adipisicing elit. Obcaecati pariatur quibusdam numquam eaque illum temporibus, molestiae impedit labore, eligendi rerum, distinctio necessitatibus nemo nisi vel quia quam dolorum eveniet. Non?</p>
     </div>
+    <div class="teal colors">
+      <div class="color-names">teal</div>
+      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolores iure ut ea provident tempore quam ab aliquid! Doloremque eos explicabo tempora architecto adipisci voluptates! Laborum labore asperiores doloribus quas quasi! Laborum Lorem ipsum, dolor sit amet consectetur adipisicing elit. Tempora architecto adipisci saepe recusandae. Eos harum minima doloribus quas, ea magni itaque at nulla maiores nemo dolore iste illo suscipit enim? Lorem, ipsum dolor sit amet consectetur adipisicing elit. Obcaecati pariatur quibusdam numquam eaque illum temporibus, molestiae impedit labore, eligendi rerum, distinctio necessitatibus nemo nisi vel quia quam dolorum eveniet. Non?</p>
+    </div>
+    <div class="purple colors">
+      <div class="color-names">purple</div>
+      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolores iure ut ea provident tempore quam ab aliquid! Doloremque eos explicabo tempora architecto adipisci voluptates! Laborum labore asperiores doloribus quas quasi! Laborum Lorem ipsum, dolor sit amet consectetur adipisicing elit. Tempora architecto adipisci saepe recusandae. Eos harum minima doloribus quas, ea magni itaque at nulla maiores nemo dolore iste illo suscipit enim? Lorem, ipsum dolor sit amet consectetur adipisicing elit. Obcaecati pariatur quibusdam numquam eaque illum temporibus, molestiae impedit labore, eligendi rerum, distinctio necessitatibus nemo nisi vel quia quam dolorum eveniet. Non?</p>
+    </div>
+    <div class="tan colors">
+      <div class="color-names">tan</div>
+      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolores iure ut ea provident tempore quam ab aliquid! Doloremque eos explicabo tempora architecto adipisci voluptates! Laborum labore asperiores doloribus quas quasi! Laborum Lorem ipsum, dolor sit amet consectetur adipisicing elit. Tempora architecto adipisci saepe recusandae. Eos harum minima doloribus quas, ea magni itaque at nulla maiores nemo dolore iste illo suscipit enim? Lorem, ipsum dolor sit amet consectetur adipisicing elit. Obcaecati pariatur quibusdam numquam eaque illum temporibus, molestiae impedit labore, eligendi rerum, distinctio necessitatibus nemo nisi vel quia quam dolorum eveniet. Non?</p>
+    </div>
     <div class="blue colors">
       <div class="color-names">blue</div>
       <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolores iure ut ea provident tempore quam ab aliquid! Doloremque eos explicabo tempora architecto adipisci voluptates! Laborum labore asperiores doloribus quas quasi! Laborum Lorem ipsum, dolor sit amet consectetur adipisicing elit. Tempora architecto adipisci saepe recusandae. Eos harum minima doloribus quas, ea magni itaque at nulla maiores nemo dolore iste illo suscipit enim? Lorem, ipsum dolor sit amet consectetur adipisicing elit. Obcaecati pariatur quibusdam numquam eaque illum temporibus, molestiae impedit labore, eligendi rerum, distinctio necessitatibus nemo nisi vel quia quam dolorum eveniet. Non?</p>
@@ -80,6 +100,10 @@
       <div class="color-names">green</div>
       <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolores iure ut ea provident tempore quam ab aliquid! Doloremque eos explicabo tempora architecto adipisci voluptates! Laborum labore asperiores doloribus quas quasi! Laborum Lorem ipsum, dolor sit amet consectetur adipisicing elit. Tempora architecto adipisci saepe recusandae. Eos harum minima doloribus quas, ea magni itaque at nulla maiores nemo dolore iste illo suscipit enim? Lorem, ipsum dolor sit amet consectetur adipisicing elit. Obcaecati pariatur quibusdam numquam eaque illum temporibus, molestiae impedit labore, eligendi rerum, distinctio necessitatibus nemo nisi vel quia quam dolorum eveniet. Non?</p>
     </div>
+    <div class="black colors">
+      <div class="color-names">black</div>
+      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolores iure ut ea provident tempore quam ab aliquid! Doloremque eos explicabo tempora architecto adipisci voluptates! Laborum labore asperiores doloribus quas quasi! Laborum Lorem ipsum, dolor sit amet consectetur adipisicing elit. Tempora architecto adipisci saepe recusandae. Eos harum minima doloribus quas, ea magni itaque at nulla maiores nemo dolore iste illo suscipit enim? Lorem, ipsum dolor sit amet consectetur adipisicing elit. Obcaecati pariatur quibusdam numquam eaque illum temporibus, molestiae impedit labore, eligendi rerum, distinctio necessitatibus nemo nisi vel quia quam dolorum eveniet. Non?</p>
+    </div>
   </section>
 
 </body>

diff --git a/pallettes/sepia/style.css b/pallettes/sepia/style.css
@@ -5,7 +5,9 @@
 	color: #333b;
 	color: #334b;
 	color: #323a;
-	color: #313a;
+	color: #102a;
+	color: #323a;
+	color: #836e69;
 }
 
 .grey {
@@ -23,8 +25,7 @@
 }
 
 .orange {
-	color: rgba(247, 123, 0, 0.9);
-	/* color: rgba(247, 123, 0); */
+	color: #f77b00e6;
 }
 
 .olive {
@@ -40,16 +41,40 @@
 	color: #b82;
 }
 
+.teal {
+	color: #088;
+}
+
+.purple {
+	color: #990099a5;
+	color: #940094ab;
+}
+
+.tan {
+	color: #974c;
+	color: #963c;
+	color: #97733dd0;
+}
+
 .blue {
-	color: #18cd;
+	color: #08bc;
 }
 
 .magenta {
 	color: #b36e;
+	color: #bb3366d6;
+	color: #b36d;
 }
 
 .green {
 	color: #094e;
+
+
+}
+
+.black {
+	color: #000;
+
 }
 body {
 	padding-top: 30px;