godotengine/godot-team-reports
1
0
Fork 0
mirror of https://github.com/godotengine/godot-team-reports.git synced 2025-12-31 13:48:17 +03:00
Code Issues Packages Projects Releases Wiki Activity

Fully implement the light theme

Browse Source
This commit is contained in:
Yuri Sizov
2021-08-22 05:41:56 +03:00
parent c066693e3d
commit 57f4e8aac8
5 changed files with 27 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/paths/index/components/IndexHeader.js
View File

@@ -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 {

37
src/paths/index/components/prs/PullRequestItem.js
View File

@@ -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 {

4
src/paths/index/components/prs/PullRequestList.js
View File

@@ -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 {

3
src/paths/index/components/teams/TeamItem.js
View File

@@ -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);

2
src/shared/styles/global.css
View File

@@ -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) {