diff --git a/src/paths/index/components/IndexHeader.js b/src/paths/index/components/IndexHeader.js index 3c25782..0dd64eb 100644 --- a/src/paths/index/components/IndexHeader.js +++ b/src/paths/index/components/IndexHeader.js @@ -6,7 +6,7 @@ export default class IndexHeader extends LitElement { return css` /** Colors and variables **/ :host { - --header-meta-color: #515c6c; + --header-meta-color: #98a5b8; } @media (prefers-color-scheme: dark) { :host { diff --git a/src/paths/index/components/prs/PullRequestItem.js b/src/paths/index/components/prs/PullRequestItem.js index 0c836ed..1ea6fcf 100644 --- a/src/paths/index/components/prs/PullRequestItem.js +++ b/src/paths/index/components/prs/PullRequestItem.js @@ -6,24 +6,24 @@ export default class PullRequestItem extends LitElement { return css` /** Colors and variables **/ :host { - --pr-border-color: #0d1117; - --draft-font-color: #e0c537; - --draft-background-color: #1e313c; - --stats-background-color: #0f1316; - --meta-font-color: #929da0; - - --review-team-color: #8491ab; + --pr-border-color: #fcfcfa; + --draft-font-color: #ffcc31; + --draft-background-color: #9db3c0; + --stats-background-color: #f9fafa; + --meta-font-color: #535c5f; + --review-team-color: #6b7893; + --stat-temp0-color: #000000; - --stat-temp1-color: #000000; - --stat-temp2-color: #000000; - --stat-temp3-color: #000000; - --stat-temp4-color: #000000; - --stat-temp5-color: #000000; - --stat-temp6-color: #000000; - --stat-temp7-color: #000000; - --stat-temp8-color: #000000; - --stat-temp9-color: #000000; + --stat-temp1-color: #383824; + --stat-temp2-color: #645b2c; + --stat-temp3-color: #a07b24; + --stat-temp4-color: #b06c15; + --stat-temp5-color: #bb5010; + --stat-temp6-color: #e33b07; + --stat-temp7-color: #e6240e; + --stat-temp8-color: #b31605; + --stat-temp9-color: #d3001c; } @media (prefers-color-scheme: dark) { :host { @@ -148,18 +148,23 @@ export default class PullRequestItem extends LitElement { } :host .pr-stat--temp5 { color: var(--stat-temp5-color); + font-weight: 700; } :host .pr-stat--temp6 { color: var(--stat-temp6-color); + font-weight: 700; } :host .pr-stat--temp7 { color: var(--stat-temp7-color); + font-weight: 700; } :host .pr-stat--temp8 { color: var(--stat-temp8-color); + font-weight: 700; } :host .pr-stat--temp9 { color: var(--stat-temp9-color); + font-weight: 700; } :host .pr-review { diff --git a/src/paths/index/components/prs/PullRequestList.js b/src/paths/index/components/prs/PullRequestList.js index d2f6c78..ff5a0cf 100644 --- a/src/paths/index/components/prs/PullRequestList.js +++ b/src/paths/index/components/prs/PullRequestList.js @@ -8,8 +8,8 @@ export default class PullRequestList extends LitElement { return css` /** Colors and variables **/ :host { - --pulls-background-color: #191d23; - --pulls-toolbar-color: #222c3d; + --pulls-background-color: #e5edf8; + --pulls-toolbar-color: #9bbaed; } @media (prefers-color-scheme: dark) { :host { diff --git a/src/paths/index/components/teams/TeamItem.js b/src/paths/index/components/teams/TeamItem.js index 5af19a3..f486d94 100644 --- a/src/paths/index/components/teams/TeamItem.js +++ b/src/paths/index/components/teams/TeamItem.js @@ -7,7 +7,7 @@ export default class TeamItem extends LitElement { /** Colors and variables **/ :host { --tab-hover-background-color: rgba(0, 0, 0, 0.14); - --tab-active-background-color: #2c3c55; + --tab-active-background-color: #d6e6ff; --tab-active-border-color: #397adf; } @media (prefers-color-scheme: dark) { @@ -29,6 +29,7 @@ export default class TeamItem extends LitElement { display: flex; flex-direction: row; padding: 2px 12px; + align-items: center; } :host .team-item:hover { background-color: var(--tab-hover-background-color); diff --git a/src/shared/styles/global.css b/src/shared/styles/global.css index 70a318c..8caac69 100644 --- a/src/shared/styles/global.css +++ b/src/shared/styles/global.css @@ -8,7 +8,7 @@ --link-font-color: #1d6dff; --link-font-color-hover: #1051c9; - --link-font-color-inactive: #1051c9; + --link-font-color-inactive: #35496f; } @media (prefers-color-scheme: dark) {