luciano/diff2html
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Normalize remaining variables

Browse source
This commit is contained in:
Jordan Welch 2023-09-19 19:47:17 -05:00
parent 8d9a8a8265
commit b26353c04d
No known key found for this signature in database
GPG key ID: 8C1872FF2F7710B3
1 changed files with 40 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

59
src/ui/css/diff2html.css
View file

@ -6,10 +6,11 @@
*/ */
:root { :root {
--d2h-color: rgba(0, 0, 0, 0.3);
--d2h-bg-color: #fff; --d2h-bg-color: #fff;
--d2h-border-color: #ddd; --d2h-border-color: #ddd;
--d2h-dim-color: rgba(0, 0, 0, 0.3);
--d2h-line-border-color: #eeeeee; --d2h-line-border-color: #eeeeee;
--d2h-file-header-bg-color: #f7f7f7; --d2h-file-header-bg-color: #f7f7f7;
@ -47,6 +48,8 @@
--d2h-dark-bg-color: #272822; --d2h-dark-bg-color: #272822;
--d2h-dark-border-color: #494b40; --d2h-dark-border-color: #494b40;
--d2h-dark-dim-color: #929292;
--d2h-dark-line-border-color: #5a5c51; --d2h-dark-line-border-color: #5a5c51;
--d2h-dark-file-header-bg-color: #4f5146; --d2h-dark-file-header-bg-color: #4f5146;
@ -55,6 +58,8 @@
--d2h-dark-empty-placeholder-bg-color: #494b40; --d2h-dark-empty-placeholder-bg-color: #494b40;
--d2h-dark-empty-placeholder-border-color: #66695a; --d2h-dark-empty-placeholder-border-color: #66695a;
--d2h-dark-selected-color: #00489f;
--d2h-dark-ins-bg-color: #0f4a07; --d2h-dark-ins-bg-color: #0f4a07;
--d2h-dark-ins-border-color: #219f1f; --d2h-dark-ins-border-color: #219f1f;
--d2h-dark-ins-highlight-bg-color: #177016; --d2h-dark-ins-highlight-bg-color: #177016;
@ -69,7 +74,7 @@
--d2h-dark-change-ins-color: #366b36; --d2h-dark-change-ins-color: #366b36;
--d2h-dark-info-bg-color: #32342c; --d2h-dark-info-bg-color: #32342c;
--d2h-dark-info-color: #929292; --d2h-dark-info-border-color: #4f5146;
--d2h-dark-change-label-color: #d0b44c; --d2h-dark-change-label-color: #d0b44c;
--d2h-dark-moved-label-color: #3572b0; --d2h-dark-moved-label-color: #3572b0;
@ -272,7 +277,7 @@
position: absolute; position: absolute;
display: inline-block; display: inline-block;
background-color: var(--d2h-bg-color); background-color: var(--d2h-bg-color);
color: var(--d2h-color); color: var(--d2h-dim-color);
text-align: right; text-align: right;
border: solid var(--d2h-line-border-color); border: solid var(--d2h-line-border-color);
border-width: 0 1px 0 1px; border-width: 0 1px 0 1px;
@ -290,7 +295,7 @@
box-sizing: border-box; box-sizing: border-box;
width: 4em; width: 4em;
background-color: var(--d2h-bg-color); background-color: var(--d2h-bg-color);
color: var(--d2h-color); color: var(--d2h-dim-color);
text-align: right; text-align: right;
border: solid var(--d2h-line-border-color); border: solid var(--d2h-line-border-color);
border-width: 0 1px 0 1px; border-width: 0 1px 0 1px;
@ -338,7 +343,7 @@
.d2h-info { .d2h-info {
background-color: var(--d2h-info-bg-color); background-color: var(--d2h-info-bg-color);
color: var(--d2h-color); color: var(--d2h-dim-color);
border-color: var(--d2h-info-border-color); border-color: var(--d2h-info-border-color);
} }
@ -500,7 +505,7 @@
.d2h-dark-color-scheme .d2h-code-side-linenumber { .d2h-dark-color-scheme .d2h-code-side-linenumber {
background-color: var(--d2h-dark-bg-color); background-color: var(--d2h-dark-bg-color);
color: var(--d2h-dark-color); color: var(--d2h-dark-dim-color);
border-color: var(--d2h-dark-line-border-color); border-color: var(--d2h-dark-line-border-color);
} }
@ -512,7 +517,7 @@
.d2h-dark-color-scheme .d2h-code-linenumber { .d2h-dark-color-scheme .d2h-code-linenumber {
background-color: var(--d2h-dark-bg-color); background-color: var(--d2h-dark-bg-color);
color: var(--d2h-dark-color); color: var(--d2h-dark-dim-color);
border-color: var(--d2h-dark-line-border-color); border-color: var(--d2h-dark-line-border-color);
} }
@ -528,8 +533,8 @@
.d2h-dark-color-scheme .d2h-info { .d2h-dark-color-scheme .d2h-info {
background-color: var(--d2h-dark-info-bg-color); background-color: var(--d2h-dark-info-bg-color);
color: var(--d2h-dark-info-color); color: var(--d2h-dark-dim-color);
border-color: var(--d2h-dark-border-color); border-color: var(--d2h-dark-info-border-color);
} }
.d2h-dark-color-scheme .d2h-file-diff .d2h-del.d2h-change { .d2h-dark-color-scheme .d2h-file-diff .d2h-del.d2h-change {
@ -549,7 +554,7 @@
} }
.d2h-dark-color-scheme .d2h-file-collapse.d2h-selected { .d2h-dark-color-scheme .d2h-file-collapse.d2h-selected {
background-color: var(--d2h-dark-bg-color); background-color: var(--d2h-dark-selected-color);
} }
.d2h-dark-color-scheme .d2h-file-list-wrapper a { .d2h-dark-color-scheme .d2h-file-list-wrapper a {
@ -564,6 +569,14 @@
border-bottom: var(--d2h-dark-bg-color) solid 1px; border-bottom: var(--d2h-dark-bg-color) solid 1px;
} }
.d2h-dark-color-scheme .d2h-deleted {
color: var(--d2h-dark-del-label-color);
}
.d2h-dark-color-scheme .d2h-added {
color: var(--d2h-dark-ins-label-color);
}
.d2h-dark-color-scheme .d2h-changed { .d2h-dark-color-scheme .d2h-changed {
color: var(--d2h-dark-change-label-color); color: var(--d2h-dark-change-label-color);
} }
@ -577,11 +590,11 @@
} }
.d2h-dark-color-scheme .d2h-deleted-tag { .d2h-dark-color-scheme .d2h-deleted-tag {
border: var(--d2h-dark-del-border-color) 1px solid; border: var(--d2h-dark-del-label-color) 1px solid;
} }
.d2h-dark-color-scheme .d2h-added-tag { .d2h-dark-color-scheme .d2h-added-tag {
border: var(--d2h-dark-ins-bg-color) 1px solid; border: var(--d2h-dark-ins-label-color) 1px solid;
} }
.d2h-dark-color-scheme .d2h-changed-tag { .d2h-dark-color-scheme .d2h-changed-tag {
@ -640,7 +653,7 @@
.d2h-auto-color-scheme .d2h-code-side-linenumber { .d2h-auto-color-scheme .d2h-code-side-linenumber {
background-color: var(--d2h-dark-bg-color); background-color: var(--d2h-dark-bg-color);
color: var(--d2h-dark-color); color: var(--d2h-dark-dim-color);
border-color: var(--d2h-dark-line-border-color); border-color: var(--d2h-dark-line-border-color);
} }
@ -652,7 +665,7 @@
.d2h-auto-color-scheme .d2h-code-linenumber { .d2h-auto-color-scheme .d2h-code-linenumber {
background-color: var(--d2h-dark-bg-color); background-color: var(--d2h-dark-bg-color);
color: var(--d2h-dark-color); color: var(--d2h-dark-dim-color);
border-color: var(--d2h-dark-line-border-color); border-color: var(--d2h-dark-line-border-color);
} }
@ -668,8 +681,8 @@
.d2h-auto-color-scheme .d2h-info { .d2h-auto-color-scheme .d2h-info {
background-color: var(--d2h-dark-info-bg-color); background-color: var(--d2h-dark-info-bg-color);
color: var(--d2h-dark-info-color); color: var(--d2h-dark-color);
border-color: var(--d2h-dark-border-color); border-color: var(--d2h-dark-info-border-color);
} }
.d2h-auto-color-scheme .d2h-file-diff .d2h-del.d2h-change { .d2h-auto-color-scheme .d2h-file-diff .d2h-del.d2h-change {
@ -689,7 +702,7 @@
} }
.d2h-auto-color-scheme .d2h-file-collapse.d2h-selected { .d2h-auto-color-scheme .d2h-file-collapse.d2h-selected {
background-color: var(--d2h-dark-bg-color); background-color: var(--d2h-dark-selected-color);
} }
.d2h-auto-color-scheme .d2h-file-list-wrapper a { .d2h-auto-color-scheme .d2h-file-list-wrapper a {
@ -704,6 +717,14 @@
border-bottom: var(--d2h-dark-bg-color) solid 1px; border-bottom: var(--d2h-dark-bg-color) solid 1px;
} }
.d2h-dark-color-scheme .d2h-deleted {
color: var(--d2h-dark-del-label-color);
}
.d2h-auto-color-scheme .d2h-added {
color: var(--d2h-dark-ins-label-color);
}
.d2h-auto-color-scheme .d2h-changed { .d2h-auto-color-scheme .d2h-changed {
color: var(--d2h-dark-change-label-color); color: var(--d2h-dark-change-label-color);
} }
@ -717,11 +738,11 @@
} }
.d2h-auto-color-scheme .d2h-deleted-tag { .d2h-auto-color-scheme .d2h-deleted-tag {
border: var(--d2h-dark-del-border-color) 1px solid; border: var(--d2h-dark-del-label-color) 1px solid;
} }
.d2h-auto-color-scheme .d2h-added-tag { .d2h-auto-color-scheme .d2h-added-tag {
border: var(--d2h-dark-ins-bg-color) 1px solid; border: var(--d2h-dark-ins-label-color) 1px solid;
} }
.d2h-auto-color-scheme .d2h-changed-tag { .d2h-auto-color-scheme .d2h-changed-tag {