fixing flat UI White Mode (darkmode nyusul)
This commit is contained in:
deri sahertian
GitHub
parent
ee44651342
commit
83b591b581
|
|
@ -1,9 +1,32 @@
|
|||
|
||||
/* Base */
|
||||
@font-face {
|
||||
font-family: "Inter";
|
||||
font-family: "Inter-Regular";
|
||||
src: url('/luci-static/alpha/fonts/Inter-Regular.woff2');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Inter-Medium";
|
||||
src: url('/luci-static/alpha/fonts/Inter-Medium.woff2');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Inter-Black";
|
||||
src: url('/luci-static/alpha/fonts/Inter-Black.woff2');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Inter-Bold";
|
||||
src: url('/luci-static/alpha/fonts/Inter-Bold.woff2');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Inter-Bold";
|
||||
src: url('/luci-static/alpha/fonts/Inter-Bold.woff2');
|
||||
}
|
||||
|
||||
|
||||
|
||||
:root {
|
||||
--main-color: #09c;
|
||||
--header-bg: rgb(255, 255, 255);
|
||||
|
|
@ -15,7 +38,7 @@
|
|||
--main-menu-color: #202124;
|
||||
--submenu-bg-hover: #d4d4d4;
|
||||
--submenu-bg-hover-active: #09c;
|
||||
--font-body: 'Inter';
|
||||
--font-body: 'Inter-Regular';
|
||||
}
|
||||
.table {
|
||||
position: relative;
|
||||
|
|
@ -258,10 +281,9 @@ header > .fill > .container > .status > * {
|
|||
footer {
|
||||
font-size: 0.8rem;
|
||||
overflow: hidden;
|
||||
text-align: right;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
color: #aaa;
|
||||
text-shadow: 0 0 2px #bbb;
|
||||
color: #000000;
|
||||
padding: 1rem;
|
||||
}
|
||||
footer > a {
|
||||
|
|
@ -292,7 +314,7 @@ small {
|
|||
box-sizing: content-box;
|
||||
}
|
||||
.navbar--hidden {
|
||||
transform: translateY(50px);
|
||||
transform: translateY(60px);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
|
|
@ -372,7 +394,7 @@ small {
|
|||
|
||||
}
|
||||
.navbar--hidden {
|
||||
transform: translateY(50px);
|
||||
transform: translateY(60px);
|
||||
box-shadow: none;
|
||||
}
|
||||
.navbar a {
|
||||
|
|
@ -651,11 +673,14 @@ h1 {
|
|||
}
|
||||
h2 {
|
||||
font-size: 1.8rem;
|
||||
font-family: "Inter-Bold";
|
||||
letter-spacing: 2px;
|
||||
padding-bottom: 10px;
|
||||
margin: 2rem 0 0;
|
||||
}
|
||||
h3 {
|
||||
font-size: 1.4rem;
|
||||
font-size: 1.2rem;
|
||||
letter-spacing: 2px;
|
||||
padding-bottom: 10px;
|
||||
margin: 2rem 0 0;
|
||||
}
|
||||
|
|
@ -965,12 +990,15 @@ td > table > tbody > tr > td,
|
|||
padding-left: 0.5rem;
|
||||
background-color: #fff;
|
||||
margin: 0 -2rem;
|
||||
position: relative;
|
||||
}
|
||||
.tabs > li,
|
||||
.cbi-tabmenu > li {
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
padding: 0.55rem 0;
|
||||
align-items: center;
|
||||
|
||||
}
|
||||
.tabs > li {
|
||||
padding-bottom: 0.4rem;
|
||||
|
|
@ -989,6 +1017,7 @@ td > table > tbody > tr > td,
|
|||
text-decoration: none;
|
||||
color: #404040;
|
||||
padding: 0.6rem 0.9rem;
|
||||
|
||||
}
|
||||
.tabs > li[class~="active"] > a {
|
||||
color: var(--main-color);
|
||||
|
|
@ -1304,6 +1333,7 @@ body:not(.Interfaces) .cbi-rowstyle-2:first-child {
|
|||
display: flex;
|
||||
align-items: center;
|
||||
flex-grow: 1;
|
||||
justify-content: space-around;
|
||||
}
|
||||
.cbi-dropdown[open] > ul.dropdown > li {
|
||||
border-bottom: thin solid #ccc;
|
||||
|
|
@ -1494,16 +1524,14 @@ body.modal-overlay-active #modal_overlay {
|
|||
}
|
||||
.ifacebadge {
|
||||
display: inline-flex;
|
||||
border-bottom: thin solid #ccc;
|
||||
background: #eee;
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
|
||||
0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
padding: 0.5rem 0.8rem;
|
||||
}
|
||||
td > .ifacebadge,
|
||||
.td > .ifacebadge {
|
||||
font-size: 0.8rem;
|
||||
background-color: #f0f0f0;
|
||||
border-radius: 10px;
|
||||
}
|
||||
.ifacebadge > em,
|
||||
.ifacebadge > img {
|
||||
|
|
@ -1534,6 +1562,7 @@ td > .ifacebadge,
|
|||
background-color: #fff;
|
||||
margin: 0.5em 0.25em 0;
|
||||
padding: 0.5em;
|
||||
border-radius: 10px;
|
||||
}
|
||||
.cbi-input-textarea {
|
||||
font-family: monospace;
|
||||
|
|
@ -1625,7 +1654,8 @@ td > .ifacebadge,
|
|||
display: inline-flex;
|
||||
flex-direction: column;
|
||||
min-width: 100px;
|
||||
background-color: #f9f9f9;
|
||||
background-color: #e4e4e4;
|
||||
border-radius: 10px;
|
||||
}
|
||||
.ifacebox-head {
|
||||
background: #eee;
|
||||
|
|
@ -2042,6 +2072,7 @@ input[name="nslookup"] {
|
|||
}
|
||||
.main > .main-left > .nav > li.active,
|
||||
.main > .main-left > .nav > .slide > .slide-menu > .active {
|
||||
|
||||
background-color: var(--submenu-bg-hover-active);
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
|
@ -2187,6 +2218,8 @@ div > .table > .tr:nth-of-type(2n),
|
|||
.cbi-button {
|
||||
font-size: 0.8rem;
|
||||
padding: 0.3rem 0.6rem;
|
||||
position: relative;
|
||||
bottom: -0.5rem;
|
||||
}
|
||||
.label,
|
||||
[data-indicator] {
|
||||
|
|
@ -2501,7 +2534,6 @@ div > .table > .tr:nth-of-type(2n),
|
|||
}
|
||||
.tabs > li > a,
|
||||
.cbi-tabmenu > li > a {
|
||||
font-size: 0.9rem;
|
||||
padding: 0.2rem 0.3rem;
|
||||
}
|
||||
.cbi-page-actions > .cbi-button {
|
||||
|
|
@ -2535,11 +2567,11 @@ div > .table > .tr:nth-of-type(2n),
|
|||
font-size: 0.8rem !important;
|
||||
}
|
||||
h2 {
|
||||
font-size: 2rem;
|
||||
|
||||
}
|
||||
.cbi-section > h3:first-child,
|
||||
.panel-title {
|
||||
font-size: 1.4rem;
|
||||
font-size: 1.2rem;
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
.node-system-packages > .main .cbi-value.cbi-value-last > div {
|
||||
|
|
@ -2632,3 +2664,4 @@ div > .table > .tr:nth-of-type(2n),
|
|||
background: #424242;
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue