Alex-Devera/3x-ui
1
0
Fork 0
mirror of https://github.com/MHSanaei/3x-ui.git synced 2025-09-09 03:36:19 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Update custom.css

Browse source
This commit is contained in:
Tara Rostami 2024-02-22 08:27:17 +03:30 committed by GitHub
parent 38c2a3e5fc
commit 70a5fc385d
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 59 additions and 55 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -502,13 +502,13 @@ style attribute {
.dark .ant-table, .dark .ant-table,
.dark .ant-collapse-content, .dark .ant-collapse-content,
.dark .ant-tabs { .dark .ant-tabs {
background-color: #151f31; background-color: #0c0e12;
color: #ffffffa6; color: rgb(255 255 255 / 85%);
} }
.dark .ant-card-hoverable:hover, .dark .ant-card-hoverable:hover,
.dark .ant-space-item > .ant-tabs:hover { .dark .ant-space-item > .ant-tabs:hover {
box-shadow: 0 1px 10px -1px rgb(154 175 238 / 80%); border-color: transparent;
} }
.dark > .ant-layout, .dark > .ant-layout,
@ -518,8 +518,8 @@ style attribute {
.dark .ant-table-expanded-row:hover, .dark .ant-table-expanded-row:hover,
.dark .ant-table-expanded-row .ant-table-tbody, .dark .ant-table-expanded-row .ant-table-tbody,
.dark .ant-calendar { .dark .ant-calendar {
background-color: #101828; background-color: #000000;
color: rgb(255 255 255 /65%); color: rgb(255 255 255 / 85%);
} }
.dark .ant-table-expanded-row .ant-table-thead > tr:first-child > th { .dark .ant-table-expanded-row .ant-table-thead > tr:first-child > th {
@ -528,7 +528,7 @@ style attribute {
.dark .ant-calendar, .dark .ant-calendar,
.dark .ant-card-bordered { .dark .ant-card-bordered {
border-color: #151f31; border-color: #0c0e12;
} }
.dark .ant-table-bordered, .dark .ant-table-bordered,
@ -540,7 +540,7 @@ style attribute {
.dark .ant-table-bordered .ant-table-thead > tr:not(:last-child) > th, .dark .ant-table-bordered .ant-table-thead > tr:not(:last-child) > th,
.dark .ant-table-bordered .ant-table-tbody > tr > td, .dark .ant-table-bordered .ant-table-tbody > tr > td,
.dark .ant-table-bordered .ant-table-thead > tr > th { .dark .ant-table-bordered .ant-table-thead > tr > th {
border-color: #2c3950; border-color: rgb(255 255 255 / 10%);
} }
.dark .ant-table-tbody > tr > td, .dark .ant-table-tbody > tr > td,
@ -553,7 +553,7 @@ style attribute {
.dark .ant-popover-title, .dark .ant-popover-title,
.dark .ant-calendar-header, .dark .ant-calendar-header,
.dark .ant-calendar-input-wrap { .dark .ant-calendar-input-wrap {
border-bottom-color: #2c3950; border-bottom-color: rgb(255 255 255 / 10%);
} }
.dark .ant-modal-footer, .dark .ant-modal-footer,
@ -561,7 +561,7 @@ style attribute {
.dark .ant-calendar-footer, .dark .ant-calendar-footer,
.dark .ant-divider-horizontal.ant-divider-with-text-center:before, .dark .ant-divider-horizontal.ant-divider-with-text-center:before,
.dark .ant-divider-horizontal.ant-divider-with-text-center:after { .dark .ant-divider-horizontal.ant-divider-with-text-center:after {
border-top-color: #2c3950; border-top-color: #32353b;
} }
.dark .ant-progress-text, .dark .ant-progress-text,
@ -597,7 +597,7 @@ style attribute {
.dark .ant-calendar-year-panel-year, .dark .ant-calendar-year-panel-year,
.dark .ant-calendar-month-panel-month, .dark .ant-calendar-month-panel-month,
.dark .ant-calendar-decade-panel-decade { .dark .ant-calendar-decade-panel-decade {
color: rgba(255, 255, 255, 0.65); color: rgba(255, 255, 255, 0.85);
} }
.dark .ant-list-item-meta-description { .dark .ant-list-item-meta-description {
@ -627,9 +627,9 @@ style attribute {
.dark .client-table-header, .dark .client-table-header,
.dark .ant-select-selection--multiple .ant-select-selection__choice, .dark .ant-select-selection--multiple .ant-select-selection__choice,
.dark .ant-calendar-time-picker-inner { .dark .ant-calendar-time-picker-inner {
background-color: #222d42; background-color: #222327;
border-color: #2c3950; border-color: #32353b;
color: rgba(255, 255, 255, 0.65); color: rgba(255, 255, 255, 0.85);
} }
.dark .ant-select-selection:hover, .dark .ant-select-selection:hover,
@ -643,7 +643,7 @@ style attribute {
} }
.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.85);
background-color: rgb(10 117 87 / 30%); background-color: rgb(10 117 87 / 30%);
border: 1px solid #008771; border: 1px solid #008771;
} }
@ -666,7 +666,7 @@ style attribute {
.dark .ant-btn-danger[disabled], .dark .ant-btn-danger[disabled],
.dark .ant-calendar-ok-btn-disabled { .dark .ant-calendar-ok-btn-disabled {
color: rgb(255 255 255 / 35%); color: rgb(255 255 255 / 35%);
background-color: #2c3950; background-color: #32353b;
border-color: #42516c; border-color: #42516c;
} }
@ -675,7 +675,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: #00877122; background-color: rgb(89 89 89 / 15%);
} }
.dark .ant-table-row-expand-icon { .dark .ant-table-row-expand-icon {
@ -692,31 +692,31 @@ style attribute {
.dark .ant-switch:not(.ant-switch-checked), .dark .ant-switch:not(.ant-switch-checked),
.dark .ant-progress-line .ant-progress-inner { .dark .ant-progress-line .ant-progress-inner {
background-color: #2c3950; background-color: #32353b;
} }
.dark .ant-progress-circle-trail { .dark .ant-progress-circle-trail {
stroke: #2c3950 !important; stroke: #202025 !important;
} }
.ant-dropdown-menu-dark, .ant-dropdown-menu-dark,
.dark .ant-popover-inner { .dark .ant-popover-inner {
background-color: #222d42; background-color: #222327;
} }
.dark > .ant-popover-content > .ant-popover-arrow { .dark > .ant-popover-content > .ant-popover-arrow {
border-color: #222d42; border-color: #222327;
} }
.ant-dropdown-menu-dark .ant-dropdown-menu-item:hover, .ant-dropdown-menu-dark .ant-dropdown-menu-item:hover,
.dark .ant-select-dropdown-menu-item-selected, .dark .ant-select-dropdown-menu-item-selected,
.dark .ant-select-dropdown-menu-item:hover, .dark .ant-select-dropdown-menu-item:hover,
.dark .ant-calendar-time-picker-select-option-selected { .dark .ant-calendar-time-picker-select-option-selected {
background-color: #313f5a; background-color: #32353b;
} }
.ant-menu-dark .ant-menu-item:hover { .ant-menu-dark .ant-menu-item:hover {
background-color: #2c3950; background-color: #32353b;
} }
.dark .ant-alert-message { .dark .ant-alert-message {
@ -724,9 +724,9 @@ style attribute {
} }
.dark .ant-tag { .dark .ant-tag {
color: rgba(255, 255, 255, 0.65); color: rgba(255, 255, 255, 0.85);
background-color: #ffffff0a; background-color: rgba(255, 255, 255, 0.08);
border-color: #344461; border-color: #383838;
} }
.dark .ant-tag-blue { .dark .ant-tag-blue {
@ -737,38 +737,38 @@ style attribute {
.dark .ant-tag-red, .dark .ant-tag-red,
.dark .ant-alert-error { .dark .ant-alert-error {
background-color: #291515; background-color: #2a1215;
border-color: #5c2626; border-color: #58181c;
color: #e04141; color: #e84749;
} }
.dark .ant-tag-orange, .dark .ant-tag-orange,
.dark .ant-alert-warning { .dark .ant-alert-warning {
background-color: #312313; background-color: #2b1d11;
border-color: #593914; border-color: #593815;
color: #ffa031; color: #e89a3c;
} }
.dark .ant-tag-green { .dark .ant-tag-green {
background-color: #112421; background-color: #112421;
border-color: #144840; border-color: #195544;
color: #33bca5; color: #59cbac;
} }
.dark .ant-tag-purple { .dark .ant-tag-purple {
background-color: #2c1e32; background-color: #241121;
border-color: #49394e; border-color: #5a2969;
color: #cfb9cc; color: #d686ca;
} }
.dark .ant-modal-content, .dark .ant-modal-content,
.dark .ant-modal-header { .dark .ant-modal-header {
background-color: #181f2c; background-color: #101113;
} }
.dark .ant-calendar-next-month-btn-day .ant-calendar-date, .dark .ant-calendar-next-month-btn-day .ant-calendar-date,
.dark .ant-calendar-last-month-cell .ant-calendar-date { .dark .ant-calendar-last-month-cell .ant-calendar-date {
color: #2c3950; color: #32353b;
} }
.dark .ant-calendar-selected-day .ant-calendar-date { .dark .ant-calendar-selected-day .ant-calendar-date {
@ -778,7 +778,7 @@ style attribute {
.dark .ant-calendar-date:hover, .dark .ant-calendar-date:hover,
.dark .ant-calendar-time-picker-select li:hover { .dark .ant-calendar-time-picker-select li:hover {
background-color: #313f5a; background-color: #32353b;
color: #fff; color: #fff;
} }
@ -796,7 +796,7 @@ style attribute {
} }
.dark .ant-calendar-time-picker-select { .dark .ant-calendar-time-picker-select {
border-right-color: #2c3950; border-right-color: #32353b;
} }
.has-warning .ant-input, .has-warning .ant-input,
@ -957,7 +957,7 @@ li.ant-select-dropdown-menu-item:empty:after {
} }
.dark .ant-calendar-year-panel-header { .dark .ant-calendar-year-panel-header {
border-bottom: 1px solid #222d42; border-bottom: 1px solid #222327;
} }
.dark .ant-calendar-year-panel-last-decade-cell .ant-calendar-year-panel-year, .dark .ant-calendar-year-panel-last-decade-cell .ant-calendar-year-panel-year,
@ -968,7 +968,7 @@ li.ant-select-dropdown-menu-item:empty:after {
.dark .ant-calendar-year-panel-year:hover, .dark .ant-calendar-year-panel-year:hover,
.dark .ant-calendar-month-panel-month:hover, .dark .ant-calendar-month-panel-month:hover,
.dark .ant-calendar-decade-panel-decade:hover { .dark .ant-calendar-decade-panel-decade:hover {
background-color: #222d42; background-color: #222327;
} }
.dark .ant-calendar-header a:hover { .dark .ant-calendar-header a:hover {
@ -976,13 +976,13 @@ li.ant-select-dropdown-menu-item:empty:after {
} }
.dark .ant-calendar-month-panel-header { .dark .ant-calendar-month-panel-header {
background-color: #101828; background-color: #000000;
border-bottom: 1px solid #222d42; border-bottom: 1px solid #222327;
} }
.dark .ant-calendar-year-panel, .dark .ant-calendar-year-panel,
.dark .ant-calendar table { .dark .ant-calendar table {
background-color: #101828; background-color: #000000;
} }
.dark .ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year, .dark .ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year,
@ -1028,8 +1028,8 @@ li.ant-select-dropdown-menu-item:empty:after {
} }
.dark .ant-calendar-decade-panel-header { .dark .ant-calendar-decade-panel-header {
border-bottom: 1px solid #222d42; border-bottom: 1px solid #222327;
background-color: #101828; background-color: #000000;
} }
.dark .ant-checkbox-inner { .dark .ant-checkbox-inner {
@ -1043,19 +1043,13 @@ li.ant-select-dropdown-menu-item:empty:after {
} }
.dark .ant-calendar-input { .dark .ant-calendar-input {
background-color: #101828; background-color: #000000;
} }
.dark .ant-calendar-input::placeholder { .dark .ant-calendar-input::placeholder {
color: rgba(255, 255, 255, 0.25); color: rgba(255, 255, 255, 0.25);
} }
.dark .ant-message-notice-content {
background-color: #222d42;
border: 1px solid #2c3950;
color: rgba(255, 255, 255, 0.65);
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not( .ant-input-group.ant-input-group-compact-addon:not(:first-child):not(
:last-child :last-child
), ),
@ -1109,7 +1103,7 @@ li.ant-select-dropdown-menu-item:empty:after {
.dark .ant-dropdown-menu-submenu-title: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-active:not(.ant-select-dropdown-menu-item-disabled),
.dark .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) { .dark .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
background-color: #313f5a; background-color: #32353b;
} }
.ant-select-dropdown, .ant-select-dropdown,
@ -1141,3 +1135,13 @@ li.ant-select-dropdown-menu-item:empty:after {
b, strong { b, strong {
font-weight: 500; font-weight: 500;
} }
.ant-collapse>.ant-collapse-item>.ant-collapse-header {
padding: 10px 16px 10px 40px;
}
.dark .ant-message-notice-content {
background-color: #000000;
border: 1px solid #303134;
color: rgba(255, 255, 255, 0.85);
}