System-End/github-readme-stats
1
0
Fork 0
mirror of https://github.com/System-End/github-readme-stats.git synced 2026-04-19 21:05:16 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: improve default card black color, a more modern color (#1624)

Browse source
This commit is contained in:
Anurag Hazra 2022-03-01 01:19:34 +05:30 • committed by GitHub
parent 968d25f4d7
commit 8d1e7f6ab5
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 13 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
tests/__snapshots__/renderWakatimeCard.test.js.snap
View file

@ -22,7 +22,7 @@ exports[`Test Render Wakatime Card should render correctly 1`] = `
.stat { .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) { @supports(-moz-appearance: auto) {
/* Selector detects Firefox */ /* Selector detects Firefox */
@ -33,7 +33,7 @@ exports[`Test Render Wakatime Card should render correctly 1`] = `
animation: fadeInAnimation 0.3s ease-in-out forwards; animation: fadeInAnimation 0.3s ease-in-out forwards;
} }
.rank-text { .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; 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> >19 mins</text>
<svg width=\\"220\\" x=\\"110\\" y=\\"4\\"> <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 <rect
height=\\"8\\" height=\\"8\\"
fill=\\"#2f80ed\\" fill=\\"#2f80ed\\"
@ -137,7 +137,7 @@ exports[`Test Render Wakatime Card should render correctly 1`] = `
>1 min</text> >1 min</text>
<svg width=\\"220\\" x=\\"110\\" y=\\"4\\"> <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 <rect
height=\\"8\\" height=\\"8\\"
fill=\\"#2f80ed\\" fill=\\"#2f80ed\\"
@ -179,7 +179,7 @@ exports[`Test Render Wakatime Card should render correctly with compact layout 1
.stat { .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) { @supports(-moz-appearance: auto) {
/* Selector detects Firefox */ /* 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; animation: fadeInAnimation 0.3s ease-in-out forwards;
} }
.rank-text { .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; 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 }

2
tests/renderRepoCard.test.js
View file

@ -135,7 +135,7 @@ describe("Test renderRepoCard", () => {
const iconClassStyles = stylesObject[":host"][".icon "]; const iconClassStyles = stylesObject[":host"][".icon "];
expect(headerClassStyles.fill.trim()).toBe("#2f80ed"); 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(iconClassStyles.fill.trim()).toBe("#586069");
expect(queryByTestId(document.body, "card-bg")).toHaveAttribute( expect(queryByTestId(document.body, "card-bg")).toHaveAttribute(
"fill", "fill",

2
tests/renderStatsCard.test.js
View file

@ -86,7 +86,7 @@ describe("Test renderStatsCard", () => {
const iconClassStyles = stylesObject[":host"][".icon "]; const iconClassStyles = stylesObject[":host"][".icon "];
expect(headerClassStyles.fill.trim()).toBe("#2f80ed"); 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(iconClassStyles.fill.trim()).toBe("#4c71f2");
expect(queryByTestId(document.body, "card-bg")).toHaveAttribute( expect(queryByTestId(document.body, "card-bg")).toHaveAttribute(
"fill", "fill",

2
tests/renderTopLanguages.test.js
View file

@ -113,7 +113,7 @@ describe("Test renderTopLanguages", () => {
const langNameStyles = stylesObject[":host"][".lang-name "]; const langNameStyles = stylesObject[":host"][".lang-name "];
expect(headerStyles.fill.trim()).toBe("#2f80ed"); 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( expect(queryByTestId(document.body, "card-bg")).toHaveAttribute(
"fill", "fill",
"#fffefe", "#fffefe",

4
themes/index.js
View file

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