shileiye/Y-Panel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Ultra Dark Theme for 3X-UI (#1871)

Browse Source
This commit is contained in:
Tara Rostami
2024-02-22 22:50:38 +03:30
committed by GitHub
parent fe7a5f1813
commit fc3ea2dd4b
9 changed files with 304 additions and 106 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/assets/persian-datepicker/persian-datepicker.min.css
Vendored
+13 -12
View File
@@ -33,7 +33,8 @@ jdp-container :before {
}
jdp-container .jdp-icon-minus,
jdp-container .jdp-icon-plus {
border: 1px solid rgb(232 244 242);
outline: 1px solid rgb(232 244 242);
outline-offset: -1px;
border-radius: 6px;
cursor: pointer;
display: flex;
@@ -368,26 +369,26 @@ jdp-container .jdp-time-container.jdp-only-time .jdp-time:after {
}
.dark jdp-container .jdp-days {
border-color: #313f5a;
border-color: #32353b;
}
.dark jdp-overlay {
background-color: #181f2c;
}
.dark jdp-container {
background: #101828;
background: #000000;
border-color: #2c3950;
box-shadow: 0 2px 8px rgba(0,0,0,.15);
color: #fff;
}
.dark jdp-container .jdp-icon-minus,
.dark jdp-container .jdp-icon-plus {
border-color: #313f5a;
outline-color: #32353b;
}
.dark jdp-container .jdp-icon-minus:hover,
.dark jdp-container .jdp-icon-plus:hover {
background-color: #313f5a;
background-color: #32353b;
}
.dark jdp-container .jdp-months,
@@ -404,13 +405,13 @@ jdp-container .jdp-time-container.jdp-only-time .jdp-time:after {
.dark jdp-container .jdp-year,
.dark jdp-container .jdp-year input,
.dark jdp-container .jdp-year select {
background: #101828;
color: rgb(255 255 255 / 65%);
background: #000000;
color: rgba(255, 255, 255, 0.85);
}
.dark jdp-container .jdp-day,
.dark jdp-container .jdp-day-name {
border: 1px solid transparent;
color: rgba(255, 255, 255, 0.65);
color: rgba(255, 255, 255, 0.85);
}
.dark jdp-container .jdp-day-name.today,
.dark jdp-container .jdp-day.today {
@@ -420,11 +421,11 @@ jdp-container .jdp-time-container.jdp-only-time .jdp-time:after {
opacity: 0.15;
}
.dark jdp-container .jdp-day:not(.disabled-day):hover {
background-color: #313f5a;
background-color: #32353b;
color: #fff;
}
.dark jdp-container .jdp-footer {
border-color: #313f5a;
border-color: #32353b;
}
.dark jdp-container .jdp-btn-close,
.dark jdp-container .jdp-btn-empty,
@@ -445,10 +446,10 @@ jdp-container .jdp-time-container.jdp-only-time .jdp-time:after {
}
.dark jdp-container .jdp-time-container .jdp-time select:hover {
background-color: #313f5a;
background-color: #32353b;
color: #fff;
}
.dark jdp-container .jdp-time-container .jdp-time select {
border: 1px solid rgb(49 63 90);
border: 1px solid #32353b;
}