mirror of
https://github.com/abapGit/abapGit.git
synced 2025-04-30 20:03:20 +08:00
Refactor: CSS clean-up (#5980)
This commit is contained in:
Marc Bernard
GitHub
parent
3016ae68be
commit
dc00690542
|
|
@ -57,6 +57,7 @@ span.separator {
|
|||
}
|
||||
|
||||
/* MODIFIERS */
|
||||
|
||||
.emphasis { font-weight: bold !important; }
|
||||
.crossout { text-decoration: line-through !important; }
|
||||
.right { text-align:right; }
|
||||
|
|
@ -114,6 +115,7 @@ span.boxed i.icon {
|
|||
}
|
||||
|
||||
/* PANELS */
|
||||
|
||||
div.panel {
|
||||
border-radius: 3px;
|
||||
padding: 0.5em 0.5em;
|
||||
|
|
@ -130,6 +132,7 @@ a.close-btn {
|
|||
}
|
||||
|
||||
/* STRUCTURE DIVS, HEADER & FOOTER */
|
||||
|
||||
div#header {
|
||||
padding: 0.5em 0.5em;
|
||||
border-bottom: 3px double;
|
||||
|
|
@ -187,6 +190,7 @@ div.log > span { display:block; }
|
|||
div.log .icon { padding-right: 6px; }
|
||||
|
||||
/* REPOSITORY */
|
||||
|
||||
div.repo {
|
||||
padding: 0.5em 1em 0.5em 1em;
|
||||
position: relative;
|
||||
|
|
@ -221,6 +225,7 @@ div.repo {
|
|||
}
|
||||
|
||||
/* ABAPGIT OBJECTS */
|
||||
|
||||
span.branch,
|
||||
span.user-box,
|
||||
span.package-box,
|
||||
|
|
@ -233,6 +238,7 @@ span.transport-box {
|
|||
}
|
||||
|
||||
/* MISC AND REFACTOR */
|
||||
|
||||
.hidden-submit {
|
||||
border: 0 none;
|
||||
height: 0;
|
||||
|
|
@ -243,8 +249,8 @@ span.transport-box {
|
|||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
||||
/* STATE BLOCK COMMON*/
|
||||
|
||||
span.state-block {
|
||||
margin-left: 1em;
|
||||
font-family: Consolas, "Lucida Console", Courier, monospace;
|
||||
|
|
@ -261,8 +267,8 @@ span.state-block span {
|
|||
border-style: solid;
|
||||
}
|
||||
|
||||
|
||||
/* REPOSITORY TABLE*/
|
||||
|
||||
div.repo_container {
|
||||
position: relative;
|
||||
}
|
||||
|
|
@ -342,7 +348,6 @@ table.repo_tab {
|
|||
background-image: linear-gradient(rgba(0, 0, 0, 0.075), rgba(0, 0, 0, 0.075));
|
||||
}
|
||||
|
||||
|
||||
/* STAGE */
|
||||
|
||||
th.stage-status { width: 30px; }
|
||||
|
|
@ -389,6 +394,7 @@ input.stage-filter { width: 18em; }
|
|||
.stage_tab tbody tr:last-child td { padding-bottom: 0.5em; }
|
||||
|
||||
/* COMMIT */
|
||||
|
||||
div.form-container {
|
||||
padding: 1em 1em;
|
||||
}
|
||||
|
|
@ -420,6 +426,7 @@ form.aligned-form input[type="text"] { width: 25em; }
|
|||
form.aligned-form span.cell { display: table-cell; }
|
||||
|
||||
/* SETTINGS STYLES */
|
||||
|
||||
div.settings_container {
|
||||
padding: 0.5em 0.5em 1em;
|
||||
font-size: 10pt;
|
||||
|
|
@ -434,11 +441,8 @@ table.settings td:first-child {
|
|||
padding-right: 1em;
|
||||
}
|
||||
|
||||
table.settings-package-requirements {
|
||||
/*max-width: 300px;*/
|
||||
}
|
||||
|
||||
/* DIFF */
|
||||
|
||||
div.diff {
|
||||
padding: 0.7em
|
||||
}
|
||||
|
|
@ -479,6 +483,7 @@ div.diff_head span.state-block span {
|
|||
}
|
||||
|
||||
/* DIFF TABLE */
|
||||
|
||||
table.diff_tab {
|
||||
font-family: Consolas, Courier, monospace;
|
||||
font-size: 10pt;
|
||||
|
|
@ -598,6 +603,7 @@ th.diff_others *::selection {
|
|||
}
|
||||
|
||||
/* DEBUG INFO STYLES */
|
||||
|
||||
div.debug_container {
|
||||
padding: 0.5em;
|
||||
font-size: 10pt;
|
||||
|
|
@ -609,6 +615,7 @@ div.debug_container p {
|
|||
}
|
||||
|
||||
/* DB ENTRIES */
|
||||
|
||||
div.db_list {
|
||||
padding: 0.5em;
|
||||
overflow-x: auto;
|
||||
|
|
@ -660,8 +667,8 @@ li.action_link:not(enabled){
|
|||
display: none;
|
||||
}
|
||||
|
||||
|
||||
/* DB ENTRY DISPLAY */
|
||||
|
||||
div.db_entry {
|
||||
padding: 0.5em;
|
||||
}
|
||||
|
|
@ -707,9 +714,9 @@ div.tutorial h1 { font-size: 18pt; }
|
|||
div.tutorial h2 { font-size: 14pt;}
|
||||
|
||||
/* MENU */
|
||||
|
||||
/* Special credits to example at https://codepen.io/philhoyt/pen/ujHzd */
|
||||
/* container div, aligned left,
|
||||
but with .float-right modifier alignes right */
|
||||
/* container div, aligned left, but with .float-right modifier alignes right */
|
||||
|
||||
.nav-container ul {
|
||||
list-style: none;
|
||||
|
|
@ -730,7 +737,11 @@ div.tutorial h2 { font-size: 14pt;}
|
|||
}
|
||||
|
||||
/* clearfix https://css-tricks.com/snippets/css/clear-fix/ */
|
||||
.nav-container:after { clear: both; display: block; content: ""; }
|
||||
.nav-container:after {
|
||||
clear: both;
|
||||
display: block;
|
||||
content: "";
|
||||
}
|
||||
|
||||
/* submenues align to left or right border of the active item
|
||||
depending on .float-right modifier */
|
||||
|
|
@ -828,7 +839,7 @@ div.tutorial h2 { font-size: 14pt;}
|
|||
}
|
||||
.nav-container ul ul li.separator:first-child { border-top: none; }
|
||||
|
||||
/* News Announcement */
|
||||
/* NEWS ANNOUNCEMENT */
|
||||
|
||||
div.info-panel {
|
||||
position: absolute;
|
||||
|
|
@ -899,7 +910,7 @@ div.info-panel .version-marker {
|
|||
div.info-panel .update { border: 1px solid; }
|
||||
div.info-panel div.info-list td { padding-right: 1em }
|
||||
|
||||
/* Error message Panel */
|
||||
/* ERROR MESSAGE PANEL */
|
||||
|
||||
div.message-panel {
|
||||
z-index: 99;
|
||||
|
|
@ -943,14 +954,13 @@ div.message-panel:hover .message-panel-commands {
|
|||
display: block;
|
||||
}
|
||||
|
||||
/* Tooltip text */
|
||||
/* TOOLTIP TEXT */
|
||||
|
||||
.link-hint {
|
||||
line-height: 1em;
|
||||
text-align: center;
|
||||
padding: 5px 15px;
|
||||
border-radius: 4px;
|
||||
|
||||
/* Position the tooltip text */
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
margin-top: -30px;
|
||||
|
|
@ -983,6 +993,7 @@ div.message-panel:hover .message-panel-commands {
|
|||
}
|
||||
|
||||
/* HOTKEYS */
|
||||
|
||||
ul.hotkeys {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
|
|
@ -1025,14 +1036,12 @@ table.commit tr .title {
|
|||
/* Repo overview */
|
||||
.repo-overview {
|
||||
padding: 0.5em 0.7em;
|
||||
/*font-size: 90%;*/
|
||||
}
|
||||
.repo-overview table {
|
||||
font-size: 90%;
|
||||
}
|
||||
.repo-overview-toolbar {
|
||||
padding: 1em 1em;
|
||||
/*margin-top: -0.5em;*/
|
||||
}
|
||||
.repo-overview-toolbar label {
|
||||
margin-right: 0.5em;
|
||||
|
|
@ -1070,7 +1079,8 @@ table.commit tr .title {
|
|||
max-width: 18ch;
|
||||
}
|
||||
|
||||
/* Repo labels */
|
||||
/* REPO LABELS */
|
||||
|
||||
.repo-label-catalog {
|
||||
padding: 1em 1em;
|
||||
margin-top: -1em;
|
||||
|
|
@ -1106,6 +1116,7 @@ table ul.repo-labels li {
|
|||
}
|
||||
|
||||
/* LABEL COLORS */
|
||||
|
||||
.rl-white {
|
||||
color: hsl(0, 0%, 30%);
|
||||
background-color: hsl(0, 0%, 100%);
|
||||
|
|
@ -1213,6 +1224,7 @@ table ul.repo-labels li {
|
|||
}
|
||||
|
||||
/* FORM FIELD HELP TOOLTIP */
|
||||
|
||||
.form-field-help-tooltip {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
|
|
@ -1244,26 +1256,8 @@ table ul.repo-labels li {
|
|||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
/* Branch Overview Page */
|
||||
.gitGraph-scrollWrapper, .gitGraph-Wrapper{
|
||||
overflow-y: hidden;
|
||||
}
|
||||
/* CODE INSPECTOR */
|
||||
|
||||
.gitGraph-scrollWrapper{
|
||||
overflow-x: auto;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.gitGraph-Wrapper{
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.gitGraph-HTopScroller {
|
||||
width:1000px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
/* code inspector */
|
||||
.ci-head { padding: 0.5em 1em; }
|
||||
.ci-head .package-name span { margin-left: 0.3em; }
|
||||
.ci-variant { font-weight: bold; }
|
||||
|
|
@ -1280,7 +1274,7 @@ table ul.repo-labels li {
|
|||
.ci-result li:first-child { margin-top: 0px; }
|
||||
.ci-result li > span { display: block; }
|
||||
|
||||
/* Floating buttons */
|
||||
/* FLOATING BUTTONS */
|
||||
|
||||
.floating-button {
|
||||
position: fixed;
|
||||
|
|
@ -1294,7 +1288,7 @@ table ul.repo-labels li {
|
|||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* Command palette */
|
||||
/* COMMAND PALETTE */
|
||||
|
||||
.cmd-palette {
|
||||
position: absolute;
|
||||
|
|
@ -1504,7 +1498,7 @@ settings_tab tr:first-child td { border-top: 0px; }
|
|||
border-right: none;
|
||||
border-left: none;
|
||||
border-bottom: none;
|
||||
border-radius: 6px; /* doesn't work in IE ? */
|
||||
border-radius: 6px; /* does not work in IE ? */
|
||||
padding-bottom: 1em;
|
||||
}
|
||||
.dialog fieldset:first-child {
|
||||
|
|
@ -1571,4 +1565,4 @@ settings_tab tr:first-child td { border-top: 0px; }
|
|||
.toolbar-light a:first-child {
|
||||
padding-left: 0;
|
||||
border-left: none;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -26,6 +26,7 @@
|
|||
}
|
||||
|
||||
/* GLOBALS */
|
||||
|
||||
body {
|
||||
background-color: var(--theme-background-color);
|
||||
color: var(--theme-primary-font-color);
|
||||
|
|
@ -38,9 +39,11 @@ select, input, textarea {
|
|||
a:hover { color: var(--theme-link-color-hover); }
|
||||
|
||||
/* HEADER */
|
||||
|
||||
#header a, #header a:visited { color: var(--theme-link-color); }
|
||||
|
||||
/* MENU */
|
||||
|
||||
div#toc .favorites a { opacity: 1; }
|
||||
.nav-container ul a:hover { text-decoration: underline; }
|
||||
.nav-container ul ul { background-color: #555555; }
|
||||
|
|
@ -52,6 +55,7 @@ table.repo_tab {
|
|||
}
|
||||
|
||||
/* ABAPGIT OBJECTS */
|
||||
|
||||
span.user-box {
|
||||
background-color: #4c6782;
|
||||
border-color: #7491b2;
|
||||
|
|
@ -67,6 +71,7 @@ span.transport-box {
|
|||
}
|
||||
|
||||
/* PANELS */
|
||||
|
||||
#debug-output { color: var(--theme-greyscale-dark); }
|
||||
|
||||
/* abapGit logo in header and footer */
|
||||
|
|
@ -75,9 +80,11 @@ span.transport-box {
|
|||
}
|
||||
|
||||
/* TUTORIAL */
|
||||
|
||||
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: var(--theme-greyscale-medium); }
|
||||
|
|
@ -90,6 +97,7 @@ span.branch_branch {
|
|||
}
|
||||
|
||||
/* REPOSITORY TABLE */
|
||||
|
||||
.repo_tab td { color: var(--theme-primary-font-color); }
|
||||
.repo_tab tr.unsupported { background-color: #555; }
|
||||
.repo_tab tr.modified { background-color: #555; }
|
||||
|
|
@ -104,6 +112,7 @@ span.branch_branch {
|
|||
}
|
||||
|
||||
/* STAGE */
|
||||
|
||||
.stage_tab {
|
||||
border-color: var(--theme-greyscale-dark);
|
||||
background-color: var(--theme-background-color);
|
||||
|
|
@ -127,33 +136,37 @@ span.branch_branch {
|
|||
.stage_tab th { background-color: var(--theme-container-background-color); }
|
||||
.stage_tab tr:hover {background-color: var(--theme-list-hover-background-color) !important;}
|
||||
|
||||
|
||||
/* COMMIT */
|
||||
|
||||
div.form-container { background-color: var(--theme-background-color); }
|
||||
|
||||
/* SETTINGS STYLES */
|
||||
|
||||
div.settings_container { color: var(--theme-primary-font-color); }
|
||||
|
||||
/* DIFF */
|
||||
|
||||
.diff_ins { background-color: #352; }
|
||||
.diff_del { background-color: #411; }
|
||||
.diff_upd { background-color: #551; }
|
||||
div.diff_content { background-color: var(--theme-background-color); }
|
||||
|
||||
/* DIFF TABLE */
|
||||
|
||||
table.diff_tab td,th { color: #fff; }
|
||||
table.diff_tab thead.nav_line { background-color: var(--theme-container-background-color); }
|
||||
|
||||
/* STYLES for Syntax Highlighting */
|
||||
/* abap */
|
||||
/* STYLES FOR SYNTAX HIGHLIGHTING */
|
||||
|
||||
/* ABAP */
|
||||
.syntax-hl span.keyword { color: #4af; }
|
||||
.syntax-hl span.text { color: #8f8; }
|
||||
.syntax-hl span.comment { color: #999; }
|
||||
/* xml+html */
|
||||
/* XML+HTML */
|
||||
.syntax-hl span.xml_tag { color: #659cff; }
|
||||
.syntax-hl span.attr { color: #bab2f9; }
|
||||
.syntax-hl span.attr_val { color: #b777fb; }
|
||||
/* css+js */
|
||||
/* CSS+JS */
|
||||
.syntax-hl span.properties { color:#0a69ce; }
|
||||
.syntax-hl span.values { color:blue; }
|
||||
.syntax-hl span.units { color:maroon; }
|
||||
|
|
@ -166,9 +179,11 @@ table.diff_tab thead.nav_line { background-color: var(--theme-container-backgrou
|
|||
.syntax-hl span.variables { color:purple; }
|
||||
|
||||
/* DEBUG INFO STYLES */
|
||||
|
||||
div.debug_container#debug_info { color: var(--theme-primary-font-color); }
|
||||
|
||||
/* DB ENTRIES */
|
||||
|
||||
div.db_list { background-color: var(--theme-container-background-color); }
|
||||
table.db_tab td { color: var(--theme-primary-font-color); }
|
||||
table.db_tab td.data { opacity: 0.5; }
|
||||
|
|
@ -183,11 +198,13 @@ table.db_tab tr.selected {
|
|||
}
|
||||
|
||||
/* 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); }
|
||||
|
||||
/* DIALOGS */
|
||||
|
||||
.dialog {
|
||||
color: var(--theme-primary-font-color-reduced);
|
||||
background-color: var(--theme-container-background-color);
|
||||
|
|
@ -248,4 +265,4 @@ div.log { color: var(--theme-greyscale-dark); }
|
|||
.dialog input[readonly] {
|
||||
background-color: var(--theme-greyscale-dark);
|
||||
color: var(--theme-greyscale-medium);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -26,6 +26,7 @@
|
|||
}
|
||||
|
||||
/* GLOBALS */
|
||||
|
||||
body {
|
||||
background-color: var(--theme-background-color);
|
||||
font-family: var(--theme-primary-font);
|
||||
|
|
@ -42,6 +43,7 @@ input, textarea, select { border-color: #ddd; }
|
|||
input:focus, textarea:focus { border-color: #8cadd9; }
|
||||
|
||||
/* COLOR PALETTE */
|
||||
|
||||
.grey { color: var(--theme-greyscale-lighter) !important; }
|
||||
.grey70 { color: var(--theme-greyscale-medium) !important; }
|
||||
.grey80 { color: var(--theme-greyscale-light) !important; }
|
||||
|
|
@ -56,7 +58,8 @@ input:focus, textarea:focus { border-color: #8cadd9; }
|
|||
.white { color: white !important; }
|
||||
.pink { color: pink !important; }
|
||||
|
||||
/* Floating buttons and color sets */
|
||||
/* FLOATING BUTTONS AND COLOR SETS */
|
||||
|
||||
.blue-set {
|
||||
border-color: #abc3e3;
|
||||
color: #5e8dc9;
|
||||
|
|
@ -69,6 +72,7 @@ input:focus, textarea:focus { border-color: #8cadd9; }
|
|||
}
|
||||
|
||||
/* ABAPGIT OBJECTS */
|
||||
|
||||
span.user-box {
|
||||
border-color: #c2d4ea;
|
||||
background-color: #d9e4f2;
|
||||
|
|
@ -85,6 +89,7 @@ span.transport-box {
|
|||
|
||||
/* PANELS */
|
||||
/* TODO: add warning and error colors */
|
||||
|
||||
div.panel.success {
|
||||
color: #589a58 !important;
|
||||
background-color: #c5eac5;
|
||||
|
|
@ -97,6 +102,7 @@ div.panel.error {
|
|||
div.dummydiv { background-color: var(--theme-container-background-color); }
|
||||
|
||||
/* STRUCTURE DIVS, HEADER & FOOTER */
|
||||
|
||||
div#header {
|
||||
background-color: var(--theme-background-color);
|
||||
border-bottom-color: var(--theme-container-border-color);
|
||||
|
|
@ -106,12 +112,14 @@ div#footer .version { color: var(--theme-greyscale-medium); }
|
|||
div#footer { border-top-color: var(--theme-container-border-color); }
|
||||
|
||||
/* ERROR LOG */
|
||||
|
||||
div.log {
|
||||
background-color: #fee6e6;
|
||||
border-color: #fdcece;
|
||||
}
|
||||
|
||||
/* REPOSITORY */
|
||||
|
||||
div.repo { background-color: var(--theme-container-background-color); }
|
||||
.repo_name span.name { color: #333; }
|
||||
.repo_name span.url { color: var(--theme-primary-font-color-reduced); }
|
||||
|
|
@ -141,6 +149,7 @@ span.branch_branch {
|
|||
}
|
||||
|
||||
/* REPOSITORY TABLE*/
|
||||
|
||||
table.repo_tab {
|
||||
border-color: var(--theme-table-border-color);
|
||||
background-color: var(--theme-table-background-color);
|
||||
|
|
@ -162,34 +171,8 @@ table.repo_tab {
|
|||
.repo_tab tr.modified { background-color: #fbf7e9; }
|
||||
.repo_tab td.current_dir { color: var(--theme-primary-font-color-reduced); }
|
||||
|
||||
/*.repo_tab td.cmd span.state-block span { border-color: #000; }*/
|
||||
/*.repo_tab td.cmd span.state-block span.added {
|
||||
background-color: #69ad74;
|
||||
border-color: #579e64;
|
||||
color: white;
|
||||
}
|
||||
.repo_tab td.cmd span.state-block span.changed {
|
||||
background-color: #e0c150;
|
||||
border-color: #d4af25;
|
||||
color: white;
|
||||
}
|
||||
.repo_tab td.cmd span.state-block span.mixed {
|
||||
background-color: #e0c150;
|
||||
border-color: #579e64;
|
||||
color: #69ad74;
|
||||
}
|
||||
.repo_tab td.cmd span.state-block span.deleted {
|
||||
background-color: #c76861;
|
||||
border-color: #b8605a;
|
||||
color: white;
|
||||
}
|
||||
.repo_tab td.cmd span.state-block span.none {
|
||||
background-color: #e8e8e8;
|
||||
border-color: #dbdbdb;
|
||||
color: #c8c8c8;
|
||||
}
|
||||
*/
|
||||
/* STAGE */
|
||||
|
||||
.stage_tab {
|
||||
border-color: #ddd;
|
||||
background-color: #fff;
|
||||
|
|
@ -215,17 +198,20 @@ table.repo_tab {
|
|||
}
|
||||
|
||||
/* COMMIT */
|
||||
|
||||
div.form-container { background-color: #F8F8F8; }
|
||||
form.aligned-form label { color: var(--theme-greyscale-medium); }
|
||||
form.aligned-form span.sub-title { color: var(--theme-greyscale-medium); }
|
||||
|
||||
/* SETTINGS STYLES */
|
||||
|
||||
div.settings_container {
|
||||
color: #444;
|
||||
background-color: var(--theme-container-background-color);
|
||||
}
|
||||
|
||||
/* DIFF */
|
||||
|
||||
div.diff { background-color: var(--theme-container-background-color); }
|
||||
span.diff_name { color: grey; }
|
||||
span.diff_name strong { color: #333; }
|
||||
|
|
@ -251,40 +237,9 @@ div.diff_content {
|
|||
border-top-color: #ddd;
|
||||
border-bottom-color: #ddd;
|
||||
}
|
||||
/*div.diff_head span.state-block span {
|
||||
border-color: #000;
|
||||
}
|
||||
div.diff_head span.state-block span.added {
|
||||
background-color: #69ad74;
|
||||
border-color: #579e64;
|
||||
color: white;
|
||||
}
|
||||
div.diff_head span.state-block span.changed {
|
||||
background-color: #e0c150;
|
||||
border-color: #d4af25;
|
||||
color: white;
|
||||
}
|
||||
div.diff_head span.state-block span.mixed {
|
||||
background-color: #e0c150;
|
||||
border-color: #579e64;
|
||||
color: #69ad74;
|
||||
}
|
||||
div.diff_head span.state-block span.deleted {
|
||||
background-color: #c76861;
|
||||
border-color: #b8605a;
|
||||
color: white;
|
||||
}
|
||||
div.diff_head span.state-block span.none {
|
||||
background-color: #e8e8e8;
|
||||
border-color: #dbdbdb;
|
||||
color: #c8c8c8;
|
||||
}
|
||||
*/
|
||||
|
||||
/* STATE BLOCK COLORS */
|
||||
/*span.state-block span {
|
||||
border-color: #000;
|
||||
}*/
|
||||
|
||||
span.state-block span.added {
|
||||
background-color: #69ad74;
|
||||
border-color: #579e64;
|
||||
|
|
@ -311,8 +266,8 @@ span.state-block span.none {
|
|||
color: #c8c8c8;
|
||||
}
|
||||
|
||||
|
||||
/* DIFF TABLE */
|
||||
|
||||
table.diff_tab td,
|
||||
table.diff_tab th {
|
||||
color: #444;
|
||||
|
|
@ -338,16 +293,17 @@ table.diff_tab td.patch, th.patch {
|
|||
border-right-color: var(--theme-table-cell-border-color);
|
||||
}
|
||||
|
||||
/* STYLES for Syntax Highlighting */
|
||||
/* abap */
|
||||
/* STYLES FOR SYNTAX HIGHLIGHTING */
|
||||
|
||||
/* ABAP */
|
||||
.syntax-hl span.keyword { color: #0a69ce; }
|
||||
.syntax-hl span.text { color: #48ce4f; }
|
||||
.syntax-hl span.comment { color: var(--theme-greyscale-dark); font-style: italic; }
|
||||
/* xml+html */
|
||||
/* XML+HTML */
|
||||
.syntax-hl span.xml_tag { color: #457ce3; }
|
||||
.syntax-hl span.attr { color: #b777fb; }
|
||||
.syntax-hl span.attr_val { color: #7a02f9; }
|
||||
/* css+js */
|
||||
/* CSS+JS */
|
||||
.syntax-hl span.properties { color:#0a69ce; }
|
||||
.syntax-hl span.values { color:blue; }
|
||||
.syntax-hl span.units { color:maroon; }
|
||||
|
|
@ -360,6 +316,7 @@ table.diff_tab td.patch, th.patch {
|
|||
.syntax-hl span.variables { color:purple; }
|
||||
|
||||
/* DEBUG INFO STYLES */
|
||||
|
||||
div.debug_container {
|
||||
color: #444;
|
||||
background-color: var(--theme-container-background-color);
|
||||
|
|
@ -388,6 +345,7 @@ div.debug_container {
|
|||
.repo-overview tbody tr.selected { background-color: hsla(214, 50%, 75%, 0.33); }
|
||||
|
||||
/* DB ENTRIES */
|
||||
|
||||
div.db_list { background-color: #fff; }
|
||||
table.db_tab td { color: #333; }
|
||||
table.db_tab td.data { color: #888; }
|
||||
|
|
@ -410,6 +368,7 @@ table.db_tab a.remote_repo {
|
|||
table.db_tab a.remote_repo:hover { color: var(--theme-link-color); }
|
||||
|
||||
/* DB ENTRY DISPLAY */
|
||||
|
||||
div.db_entry {
|
||||
background-color: var(--theme-container-background-color);
|
||||
}
|
||||
|
|
@ -424,18 +383,19 @@ table.tag {
|
|||
table.tag td.label { background-color: #b3c1cc; }
|
||||
|
||||
/* TUTORIAL */
|
||||
|
||||
div.tutorial { background-color: var(--theme-container-background-color); }
|
||||
div.tutorial hr { border-color: var(--theme-greyscale-light); }
|
||||
div.tutorial h1, h2 { color: #404040; }
|
||||
|
||||
/* MENU */
|
||||
|
||||
.nav-container ul li:hover { background-color: #fff; }
|
||||
.nav-container ul ul li:hover { background-color: #f6f6f6; }
|
||||
.nav-container > ul > li:hover > a { background-color: #ffffff80; }
|
||||
.nav-container ul ul { background-color: #fff; }
|
||||
.nav-container.corner > ul > li:hover > a { background-color: inherit; }
|
||||
|
||||
/* Toolbar separator style */
|
||||
.nav-container ul ul li.separator {
|
||||
color: var(--theme-greyscale-medium);
|
||||
border-bottom-color: #eee;
|
||||
|
|
@ -443,7 +403,8 @@ div.tutorial h1, h2 { color: #404040; }
|
|||
}
|
||||
.nav-container ul ul li.separator:hover { background-color: inherit; }
|
||||
|
||||
/* News Announcement */
|
||||
/* NEWS ANNOUNCEMENT */
|
||||
|
||||
div.info-panel { background-color: white; }
|
||||
div.info-panel div.info-hint { color: var(--theme-greyscale-light); }
|
||||
div.info-panel div.info-title {
|
||||
|
|
@ -462,12 +423,14 @@ div.info-panel .update {
|
|||
background-color: #f5c538;
|
||||
}
|
||||
|
||||
/* Tooltips text */
|
||||
/* TOOLTIPS TEXT */
|
||||
|
||||
.link-hint { color: var(--theme-primary-font-color); }
|
||||
.link-hint { background-color: var(--theme-linkhint-background) }
|
||||
.link-hint::after { border-top-color: var(--theme-linkhint-background) }
|
||||
|
||||
/* HOTKEYS */
|
||||
|
||||
ul.hotkeys span.key-id {
|
||||
background-color: #f0f0f0;
|
||||
border-color: #dcdcdc;
|
||||
|
|
@ -478,7 +441,8 @@ div.corner-hint {
|
|||
background-color: #fff;
|
||||
}
|
||||
|
||||
/* code inspector */
|
||||
/* CODE INSPECTOR */
|
||||
|
||||
.ci-head { background-color: var(--theme-container-background-color); }
|
||||
.ci-head .package-name span { color: grey; }
|
||||
.ci-variant { color: #444; }
|
||||
|
|
@ -488,16 +452,14 @@ div.corner-hint {
|
|||
.ci-result li.ci-warning { border-left-color: #ecd227; }
|
||||
.ci-result li.ci-info { border-left-color: #acacac; }
|
||||
|
||||
/* Command palette */
|
||||
/* COMMAND PALETTE */
|
||||
|
||||
.cmd-palette {
|
||||
border-color: #ccc;
|
||||
}
|
||||
|
||||
.cmd-palette li.selected {
|
||||
background-color: hsla(214, 50%, 90%, 1);
|
||||
}
|
||||
|
||||
.cmd-palette mark {
|
||||
color: white;
|
||||
background-color: #79a0d2;
|
||||
|
|
@ -590,4 +552,4 @@ table.settings_tab input:focus {
|
|||
.dialog input[readonly] {
|
||||
background-color: #f4f4f4;
|
||||
color: var(--theme-greyscale-dark);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user