feat: improve default card black color, a more modern color (anuragha…

…zra#1624)
Adrian-Pena · Feb 28, 2022 · 8d1e7f6 · 8d1e7f6
1 parent 968d25f
commit 8d1e7f6
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 13 deletions.
diff --git a/tests/__snapshots__/renderWakatimeCard.test.js.snap b/tests/__snapshots__/renderWakatimeCard.test.js.snap
@@ -22,7 +22,7 @@ exports[`Test Render Wakatime Card should render correctly 1`] = `
           
     
     .stat {
-      font: 600 14px 'Segoe UI', Ubuntu, \\"Helvetica Neue\\", Sans-Serif; fill: #333;
+      font: 600 14px 'Segoe UI', Ubuntu, \\"Helvetica Neue\\", Sans-Serif; fill: #434d58;
     }
     @supports(-moz-appearance: auto) {
       /* Selector detects Firefox */
@@ -33,7 +33,7 @@ exports[`Test Render Wakatime Card should render correctly 1`] = `
       animation: fadeInAnimation 0.3s ease-in-out forwards;
     }
     .rank-text {
-      font: 800 24px 'Segoe UI', Ubuntu, Sans-Serif; fill: #333; 
+      font: 800 24px 'Segoe UI', Ubuntu, Sans-Serif; fill: #434d58; 
       animation: scaleInAnimation 0.3s ease-in-out forwards;
     }
     
@@ -62,7 +62,7 @@ exports[`Test Render Wakatime Card should render correctly 1`] = `
     }
     
   
-    .lang-name { font: 400 11px 'Segoe UI', Ubuntu, Sans-Serif; fill: #333 }
+    .lang-name { font: 400 11px 'Segoe UI', Ubuntu, Sans-Serif; fill: #434d58 }
     
 
           
@@ -115,7 +115,7 @@ exports[`Test Render Wakatime Card should render correctly 1`] = `
       >19 mins</text>
       
     <svg width=\\"220\\" x=\\"110\\" y=\\"4\\">
-      <rect rx=\\"5\\" ry=\\"5\\" x=\\"0\\" y=\\"0\\" width=\\"220\\" height=\\"8\\" fill=\\"#333\\"></rect>
+      <rect rx=\\"5\\" ry=\\"5\\" x=\\"0\\" y=\\"0\\" width=\\"220\\" height=\\"8\\" fill=\\"#434d58\\"></rect>
       <rect
           height=\\"8\\"
           fill=\\"#2f80ed\\"
@@ -137,7 +137,7 @@ exports[`Test Render Wakatime Card should render correctly 1`] = `
       >1 min</text>
       
     <svg width=\\"220\\" x=\\"110\\" y=\\"4\\">
-      <rect rx=\\"5\\" ry=\\"5\\" x=\\"0\\" y=\\"0\\" width=\\"220\\" height=\\"8\\" fill=\\"#333\\"></rect>
+      <rect rx=\\"5\\" ry=\\"5\\" x=\\"0\\" y=\\"0\\" width=\\"220\\" height=\\"8\\" fill=\\"#434d58\\"></rect>
       <rect
           height=\\"8\\"
           fill=\\"#2f80ed\\"
@@ -179,7 +179,7 @@ exports[`Test Render Wakatime Card should render correctly with compact layout 1
           
     
     .stat {
-      font: 600 14px 'Segoe UI', Ubuntu, \\"Helvetica Neue\\", Sans-Serif; fill: #333;
+      font: 600 14px 'Segoe UI', Ubuntu, \\"Helvetica Neue\\", Sans-Serif; fill: #434d58;
     }
     @supports(-moz-appearance: auto) {
       /* Selector detects Firefox */
@@ -190,7 +190,7 @@ exports[`Test Render Wakatime Card should render correctly with compact layout 1
       animation: fadeInAnimation 0.3s ease-in-out forwards;
     }
     .rank-text {
-      font: 800 24px 'Segoe UI', Ubuntu, Sans-Serif; fill: #333; 
+      font: 800 24px 'Segoe UI', Ubuntu, Sans-Serif; fill: #434d58; 
       animation: scaleInAnimation 0.3s ease-in-out forwards;
     }
     
@@ -219,7 +219,7 @@ exports[`Test Render Wakatime Card should render correctly with compact layout 1
     }
     
   
-    .lang-name { font: 400 11px 'Segoe UI', Ubuntu, Sans-Serif; fill: #333 }
+    .lang-name { font: 400 11px 'Segoe UI', Ubuntu, Sans-Serif; fill: #434d58 }
     
 
           

diff --git a/tests/renderRepoCard.test.js b/tests/renderRepoCard.test.js
@@ -135,7 +135,7 @@ describe("Test renderRepoCard", () => {
     const iconClassStyles = stylesObject[":host"][".icon "];
 
     expect(headerClassStyles.fill.trim()).toBe("#2f80ed");
-    expect(descClassStyles.fill.trim()).toBe("#333");
+    expect(descClassStyles.fill.trim()).toBe("#434d58");
     expect(iconClassStyles.fill.trim()).toBe("#586069");
     expect(queryByTestId(document.body, "card-bg")).toHaveAttribute(
       "fill",

diff --git a/tests/renderStatsCard.test.js b/tests/renderStatsCard.test.js
@@ -86,7 +86,7 @@ describe("Test renderStatsCard", () => {
     const iconClassStyles = stylesObject[":host"][".icon "];
 
     expect(headerClassStyles.fill.trim()).toBe("#2f80ed");
-    expect(statClassStyles.fill.trim()).toBe("#333");
+    expect(statClassStyles.fill.trim()).toBe("#434d58");
     expect(iconClassStyles.fill.trim()).toBe("#4c71f2");
     expect(queryByTestId(document.body, "card-bg")).toHaveAttribute(
       "fill",

diff --git a/tests/renderTopLanguages.test.js b/tests/renderTopLanguages.test.js
@@ -113,7 +113,7 @@ describe("Test renderTopLanguages", () => {
     const langNameStyles = stylesObject[":host"][".lang-name "];
 
     expect(headerStyles.fill.trim()).toBe("#2f80ed");
-    expect(langNameStyles.fill.trim()).toBe("#333");
+    expect(langNameStyles.fill.trim()).toBe("#434d58");
     expect(queryByTestId(document.body, "card-bg")).toHaveAttribute(
       "fill",
       "#fffefe",

diff --git a/themes/index.js b/themes/index.js
@@ -2,14 +2,14 @@ const themes = {
   default: {
     title_color: "2f80ed",
     icon_color: "4c71f2",
-    text_color: "333",
+    text_color: "434d58",
     bg_color: "fffefe",
     border_color: "e4e2e2",
   },
   default_repocard: {
     title_color: "2f80ed",
     icon_color: "586069", // icon color is different
-    text_color: "333",
+    text_color: "434d58",
     bg_color: "fffefe",
   },
   dark: {