Alex-Devera/3x-ui
1
0
Fork 0
mirror of https://github.com/MHSanaei/3x-ui.git synced 2025-05-11 18:58:18 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Update custom.css

Browse source
This commit is contained in:
Tara Rostami 2023-12-10 16:01:29 +03:30 committed by GitHub
parent 070fd52d86
commit ad7d04feda
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 82 additions and 49 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

131
web/assets/css/custom.css
View file

@ -16,7 +16,7 @@ body {
font-feature-settings: "tnum"; font-feature-settings: "tnum";
} }
html { html {
--antd-wave-shadow-color: #0a7557; --antd-wave-shadow-color: #008771;
line-height: 1.15; line-height: 1.15;
-webkit-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%; -ms-text-size-adjust: 100%;
@ -25,8 +25,8 @@ html {
} }
::selection { ::selection {
color: #0a7557; color: #008771;
background-color: #0a755730; background-color: #cfe8e4;
} }
#app { #app {
@ -171,11 +171,11 @@ style attribute {
} }
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected { .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
background-color: #0a7557 !important; background-color: #006655 !important;
background-image: linear-gradient( background-image: linear-gradient(
270deg, 270deg,
rgba(123, 199, 77, 0) 30%, rgba(123, 199, 77, 0) 30%,
#00ab80, #009980,
rgba(123, 199, 77, 0) 100% rgba(123, 199, 77, 0) 100%
); );
background-repeat: no-repeat; background-repeat: no-repeat;
@ -210,8 +210,8 @@ style attribute {
.ant-menu-submenu-active, .ant-menu-submenu-active,
.ant-menu-submenu-title:hover, .ant-menu-submenu-title:hover,
.ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open { .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open {
color: #0a7557; color: #008771;
background-color: #dce9f5; background-color: rgb(232 244 242);
border-radius: 0.5rem; border-radius: 0.5rem;
} }
@ -434,12 +434,12 @@ style attribute {
.ant-tag-blue { .ant-tag-blue {
background-color: #edf4fa; background-color: #edf4fa;
border-color: #a9c5e7; border-color: #a9c5e7;
color: #0a7557; color: #0e49b5;
} }
.ant-tag-green { .ant-tag-green {
background-color: #f6ffed; background-color: #eef9f7;
border-color: #b7eb8f; border-color: #89d9cc;
color: #389e0d; color: #00ad91;
} }
.ant-tag-purple { .ant-tag-purple {
background-color: #f2eaf1; background-color: #f2eaf1;
@ -448,15 +448,15 @@ style attribute {
} }
.ant-tag-orange, .ant-tag-orange,
.ant-alert-warning { .ant-alert-warning {
background-color: #fff6e6; background-color: #ffeee1;
border-color: #ffd98c; border-color: #fec093;
color: #ffa031; color: #f37b24;
} }
.ant-tag-red, .ant-tag-red,
.ant-alert-error { .ant-alert-error {
background-color: #fff0f0; background-color: #ffe9e9;
border-color: #fb9d9d; border-color: #ff9e9e;
color: #e04141; color: #cf3c3c;
} }
.ant-input::placeholder { .ant-input::placeholder {
@ -465,7 +465,7 @@ style attribute {
.ant-input:hover, .ant-input:hover,
.ant-input:focus { .ant-input:focus {
background-color: #edf4fa; background-color: rgb(232 244 242);
} }
.delete-icon:hover { .delete-icon:hover {
@ -473,14 +473,14 @@ style attribute {
} }
.normal-icon:hover { .normal-icon:hover {
color: #0a7557; color: #008771;
} }
/* DARK THEME */ /* DARK THEME */
.dark ::selection { .dark ::selection {
color: #fff; color: #fff;
background-color: #0a7557; background-color: #008771;
} }
.dark .normal-icon:hover { .dark .normal-icon:hover {
@ -631,28 +631,28 @@ style attribute {
.dark .ant-input-number:focus, .dark .ant-input-number:focus,
.dark .ant-input:hover, .dark .ant-input:hover,
.dark .ant-input:focus { .dark .ant-input:focus {
background-color: rgb(10 117 87 / 30%); background-color: rgba(0, 135, 113, 0.3);
border-color: #0a7557; border-color: #008771;
} }
.dark .ant-btn:not(.ant-btn-primary):not(.ant-btn-danger) { .dark .ant-btn:not(.ant-btn-primary):not(.ant-btn-danger) {
color: rgba(255, 255, 255, 0.65); color: rgba(255, 255, 255, 0.65);
background-color: rgb(10 117 87 / 30%); background-color: rgb(10 117 87 / 30%);
border: 1px solid #0a7557; border: 1px solid #008771;
} }
.dark .ant-radio-button-wrapper, .dark .ant-radio-button-wrapper,
.dark .ant-radio-button-wrapper:before { .dark .ant-radio-button-wrapper:before {
color: rgb(255 255 255 / 65%); color: rgb(255 255 255 / 65%);
background-color: rgb(14 73 181 / 30%); background-color: rgba(0, 135, 113, 0.3);
border-color: #0a7557; border-color: #008771;
} }
.dark .ant-btn:focus:not(.ant-btn-primary):not(.ant-btn-danger), .dark .ant-btn:focus:not(.ant-btn-primary):not(.ant-btn-danger),
.dark .ant-btn:hover:not(.ant-btn-primary):not(.ant-btn-danger) { .dark .ant-btn:hover:not(.ant-btn-primary):not(.ant-btn-danger) {
color: #fff; color: #fff;
background-color: rgb(10 117 87 / 50%); background-color: rgb(10 117 87 / 50%);
border-color: #0a7557; border-color: #008771;
} }
.dark .ant-btn-primary[disabled], .dark .ant-btn-primary[disabled],
@ -668,7 +668,7 @@ style attribute {
> tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
> td, > td,
.dark .client-table-odd-row { .dark .client-table-odd-row {
background-color: #0A755722; background-color: #00877122;
} }
.dark .ant-table-row-expand-icon { .dark .ant-table-row-expand-icon {
@ -678,9 +678,9 @@ style attribute {
} }
.dark .ant-table-row-expand-icon:hover { .dark .ant-table-row-expand-icon:hover {
color: #0a7557; color: #008771;
background-color: #fff0; background-color: #fff0;
border-color: #0a7557; border-color: #008771;
} }
.dark .ant-switch:not(.ant-switch-checked), .dark .ant-switch:not(.ant-switch-checked),
@ -743,9 +743,9 @@ style attribute {
} }
.dark .ant-tag-green { .dark .ant-tag-green {
background-color: #142429; background-color: #121b2b;
border-color: #23432c; border-color: #144840;
color: #61bf39; color: #33bca5;
} }
.dark .ant-tag-purple { .dark .ant-tag-purple {
@ -765,7 +765,7 @@ style attribute {
} }
.dark .ant-calendar-selected-day .ant-calendar-date { .dark .ant-calendar-selected-day .ant-calendar-date {
background-color: #0a7557 !important; background-color: #008771 !important;
color: #fff; color: #fff;
} }
@ -785,7 +785,7 @@ style attribute {
color: #fff; color: #fff;
font-weight: 600; font-weight: 600;
outline: none; outline: none;
background-color: #0a7557; background-color: #008771;
} }
.dark .ant-calendar-time-picker-select { .dark .ant-calendar-time-picker-select {
@ -847,28 +847,28 @@ style attribute {
} }
.ant-calendar-date:hover { .ant-calendar-date:hover {
background-color: #dae9f5; background-color: rgb(232 244 242);
} }
.ant-calendar-date:active { .ant-calendar-date:active {
background-color: #dae9f5; background-color: rgb(232 244 242);
color: rgba(0, 0, 0, 0.65); color: rgba(0, 0, 0, 0.65);
} }
.ant-calendar-today .ant-calendar-date { .ant-calendar-today .ant-calendar-date {
color: #0a7557; color: #008771;
font-weight: 700; font-weight: 700;
border-color: #0a7557; border-color: #008771;
} }
.dark .ant-calendar-today .ant-calendar-date { .dark .ant-calendar-today .ant-calendar-date {
color: #fff; color: #fff;
font-weight: 700; font-weight: 700;
border-color: #0a7557; border-color: #008771;
} }
.ant-calendar-selected-day .ant-calendar-date { .ant-calendar-selected-day .ant-calendar-date {
background: #0a7557; background: #008771;
color: #ffffff; color: #ffffff;
} }
@ -907,11 +907,11 @@ li.ant-select-dropdown-menu-item:empty:after {
.ant-select-selection:hover, .ant-select-selection:hover,
.ant-input-number-focused, .ant-input-number-focused,
.ant-input-number:hover { .ant-input-number:hover {
background-color: #edf4fa; background-color: rgb(232 244 242);
} }
.dark .ant-input-number-handler:active { .dark .ant-input-number-handler:active {
background-color: #0a7557; background-color: #008771;
} }
.dark .ant-input-number-handler:hover .ant-input-number-handler-down-inner, .dark .ant-input-number-handler:hover .ant-input-number-handler-down-inner,
@ -982,7 +982,7 @@ li.ant-select-dropdown-menu-item:empty:after {
.ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-selected-cell
.ant-calendar-decade-panel-decade:hover { .ant-calendar-decade-panel-decade:hover {
color: #fff; color: #fff;
background-color: #0a7557; background-color: #008771;
} }
.dark .ant-calendar-last-month-cell .ant-calendar-date, .dark .ant-calendar-last-month-cell .ant-calendar-date,
@ -996,8 +996,8 @@ li.ant-select-dropdown-menu-item:empty:after {
.dark .ant-calendar-today .ant-calendar-date:hover { .dark .ant-calendar-today .ant-calendar-date:hover {
color: #fff; color: #fff;
border-color: #0a7557; border-color: #008771;
background-color: #0a7557; background-color: #008771;
} }
.dark .dark
@ -1015,13 +1015,13 @@ li.ant-select-dropdown-menu-item:empty:after {
} }
.dark .ant-checkbox-inner { .dark .ant-checkbox-inner {
background-color: rgba(14, 73, 181, 0.3); background-color: rgba(0, 135, 113, 0.3);
border-color: rgba(14, 73, 181, 0.3); border-color: rgba(0, 135, 113, 0.3);
} }
.dark .ant-checkbox-checked .ant-checkbox-inner { .dark .ant-checkbox-checked .ant-checkbox-inner {
background-color: #0a7557; background-color: #008771;
border-color: #0a7557; border-color: #008771;
} }
.dark .ant-calendar-input { .dark .ant-calendar-input {
@ -1043,3 +1043,36 @@ li.ant-select-dropdown-menu-item:empty:after {
.ant-input-number { .ant-input-number {
overflow: clip; overflow: clip;
} }
.ant-calendar-year-panel-year:hover,
.ant-calendar-decade-panel-decade:hover,
.ant-calendar-month-panel-month:hover,
.ant-dropdown-menu-item:hover,
.ant-dropdown-menu-submenu-title:hover,
.ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled),
.ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled),
.ant-table-tbody
> tr.ant-table-row-hover:not(.ant-table-expanded-row):not(
.ant-table-row-selected
)
> td,
.ant-table-tbody
> tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
> td,
.ant-table-thead
> tr.ant-table-row-hover:not(.ant-table-expanded-row):not(
.ant-table-row-selected
)
> td,
.ant-table-thead
> tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
> td {
background-color: rgb(232 244 242);
}
.dark .ant-dropdown-menu-item:hover,
.dark .ant-dropdown-menu-submenu-title:hover,
.dark .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled),
.dark .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
background-color: #313f5a;
}