UI: Fixes for dark theme (#3540)

* Add logo for dark theme

* Dark theme fixes

* Dark theme fixes

* Solve conflict

* Remove logo changes

Co-authored-by: Lars Hvam <larshp@hotmail.com>
Co-authored-by: Frederik Hudák <frederik.hudak@sap.com>
This commit is contained in:
Marc Bernard 2020-07-02 09:15:31 +02:00 committed by GitHub
parent 7ce457dc8d
commit 493bb969b2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -16,7 +16,7 @@
--theme-container-border-color: #D1E0EE;
--theme-table-border-color: #E5E5E5; /* ALV border color */
--theme-greyscale-dark: #666666;
--theme-greyscale-medium: #bfbfbf;
--theme-greyscale-medium: #999999;
--theme-greyscale-light: #CCCCCC;
--theme-greyscale-lighter: #E5E5E5;
--theme-list-hover-background-color: black;
@ -47,9 +47,12 @@ table.repo_tab {
background-color: var(--theme-background-color);
}
/* PANELS */
#debug-output { color: var(--theme-greyscale-dark); }
/* abapGit logo in header and footer */
#abapGitLogo>img { background-color: #bfbfbf; }
#footer>img { background-color: #bfbfbf; }
#abapGitLogo>img { background-color: var(--theme-background-color); }
#footer>img { background-color: var(--theme-background-color); }
/* TUTORIAL */
div.tutorial h1, h2 { color: var(--theme-primary-font-color); }
@ -57,11 +60,11 @@ div.tutorial h1, h2 { color: var(--theme-primary-font-color); }
/* REPOSITORY */
div.repo { background-color: var(--theme-container-background-color); }
.repo_name span.name { color: var(--theme-primary-font-color-reduced); }
.repo_name span.url { color: #333; }
.repo_name a.url { color: #333; }
.repo_name span.url { color: var(--theme-greyscale-medium); }
.repo_name a.url { color: var(--theme-greyscale-medium); }
.repo_attr { color: var(--theme-primary-font-color); }
.repo_attr span.branch_branch {
border-color: #ffffff;
border-color: var(--theme-greyscale-medium);
background-color: #777777;
}
@ -71,9 +74,22 @@ div.repo { background-color: var(--theme-container-background-color); }
.repo_tab tr.modified { background-color: #555; }
.repo_tab tr:hover {background-color: var(--theme-list-hover-background-color) !important;}
.repo_tab th {
border-top-color: var(--theme-greyscale-dark);
}
.repo_tab td {
border-top-color: var(--theme-greyscale-dark);
}
/* STAGE */
.stage_tab { background-color: var(--theme-background-color); }
.stage_tab td { color: var(--theme-primary-font-color); }
.stage_tab {
border-color: var(--theme-greyscale-dark);
background-color: var(--theme-background-color);
}
.stage_tab td {
color: var(--theme-primary-font-color);
border-top-color: var(--theme-greyscale-dark);
}
.stage_tab td.status.highlight {
color: var(--theme-primary-font-color) !important;
background-color: var(--theme-background-color);
@ -135,3 +151,8 @@ table.db_tab th {
color: var(--theme-primary-font-color);
border-bottom-color: #333;
}
/* ERROR LOGS */
div.log { color: var(--theme-greyscale-dark); }
.close-btn, .message-panel, .message-panel-commands a { color: var(--theme-greyscale-dark); }
.message-panel-commands a:hover { color: var(--theme-greyscale-dark); }