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 { em {
display: block; display: block;
} }
th {
background: rgba(128,128,128,0.3);
}
} }

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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