Added CSS --border-color for better styling

This commit is contained in:
the-djmaze 2022-09-29 22:40:50 +02:00
parent a0d62079eb
commit b28d818c86
7 changed files with 11 additions and 11 deletions

View file

@ -5,4 +5,8 @@
em {
display: block;
}
th {
background: rgba(128,128,128,0.3);
}
}

View file

@ -30,7 +30,7 @@
.tab-content {
grid-column-end: 5;
border: 1px solid #ddd;
border: 1px solid var(--border-color, #ddd);
padding: 10px;
}
}

View file

@ -88,7 +88,7 @@ dialog:not(.animate) {
dialog > header {
padding: 9px 15px;
border-bottom: 1px solid #eee;
border-bottom: 1px solid var(--border-color, #ddd);
// Close icon
.close {
@ -115,7 +115,7 @@ dialog > footer {
padding: 14px 15px 15px;
margin-bottom: 0;
text-align: right; // right align buttons
border-top: 1px solid #ddd;
border-top: 1px solid var(--border-color, #ddd);
border-radius: 0 0 6px 6px;
// Properly space out buttons

View file

@ -8,7 +8,7 @@
line-height: @baseLineHeight * 1.5;
color: @grayDark;
border: 0;
border-bottom: 1px solid @dropdownDividerTop;
border-bottom: 1px solid var(--border-color, #ddd);
}
summary.legend {
display: list-item;

View file

@ -4,6 +4,7 @@
--main-color: #fff;
--main-bg-color: #48525C;
--main-bg-image: url("images/background.jpg");
--border-color: #555;
/* LOADING */
--loading-color: #ddd;
@ -94,12 +95,6 @@
color: var(--main-color);
}
.legend,
dialog header, dialog footer,
.table td, .table th {
border-color: #555 !important;
}
.legend,
.messageView #messageItem {
color: var(--main-color);

View file

@ -7,6 +7,7 @@
--main-bg-size: auto;
--main-bg-repeat: repeat;
--link-color: #369;
--border-color: #ddd;
/* LOADING */
--loading-color: #000;

View file

@ -38,7 +38,7 @@
@tableBackground: transparent; // overall background-color
@tableBackgroundAccent: #f9f9f9; // for striping
@tableBackgroundHover: #f5f5f5; // for hover
@tableBorder: #ddd; // table and cell border
@tableBorder: var(--border-color, #ddd); // table and cell border
// Buttons