From 8d1e7f6ab575016225ed3c50effbd7d104bb1667 Mon Sep 17 00:00:00 2001 From: Anurag Hazra Date: Tue, 1 Mar 2022 01:19:34 +0530 Subject: [PATCH] feat: improve default card black color, a more modern color (#1624) --- .../renderWakatimeCard.test.js.snap | 16 ++++++++-------- tests/renderRepoCard.test.js | 2 +- tests/renderStatsCard.test.js | 2 +- tests/renderTopLanguages.test.js | 2 +- themes/index.js | 4 ++-- 5 files changed, 13 insertions(+), 13 deletions(-) diff --git a/tests/__snapshots__/renderWakatimeCard.test.js.snap b/tests/__snapshots__/renderWakatimeCard.test.js.snap index e21d4223bfbb6..458cf3e78ad57 100644 --- 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 - + 1 min - + { 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 index a86503bde6ba3..aabf2f6b75b5f 100644 --- 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 index 7828c3748b303..36dbf03f9507d 100644 --- 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 index dde5fecdbdea0..27116398228cc 100644 --- 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: {