Update themes

This commit is contained in:
Çetin
2023-01-19 14:23:38 +03:00
parent 4da7077c09
commit 2f0adc489a
34 changed files with 2346 additions and 170 deletions
@@ -267,6 +267,7 @@
}
.p-autocomplete .p-autocomplete-multiple-container {
padding: 0.375rem 0.75rem;
gap: 0.5rem;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
border-color: rgba(255, 255, 255, 0.6);
@@ -289,7 +290,6 @@
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
background: rgba(206, 147, 216, 0.16);
color: #CE93D8;
border-radius: 4px;
@@ -680,6 +680,15 @@ p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon {
right: 2.75rem;
}
.p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel {
box-shadow: none;
border-radius: 0;
padding: 0.25rem 0 0.25rem 0.5rem;
}
.p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon {
transform: rotate(90deg);
}
.p-checkbox {
width: 18px;
height: 18px;
@@ -740,6 +749,7 @@ p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
.p-chips .p-chips-multiple-container {
padding: 0.375rem 0.75rem;
gap: 0.5rem;
}
.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
border-color: rgba(255, 255, 255, 0.6);
@@ -752,7 +762,6 @@ p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
}
.p-chips .p-chips-multiple-container .p-chips-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
background: rgba(206, 147, 216, 0.16);
color: #CE93D8;
border-radius: 4px;
@@ -1355,9 +1364,11 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
.p-multiselect .p-multiselect-label.p-placeholder {
color: rgba(255, 255, 255, 0.6);
}
.p-multiselect.p-multiselect-chip .p-multiselect-label {
gap: 0.5rem;
}
.p-multiselect.p-multiselect-chip .p-multiselect-token {
padding: 0.375rem 0.75rem;
margin-right: 0.5rem;
background: rgba(206, 147, 216, 0.16);
color: #CE93D8;
border-radius: 4px;
@@ -1950,6 +1961,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
outline-offset: 0;
box-shadow: none;
}
.p-button .p-button-label {
transition-duration: 0.2s;
}
.p-button .p-button-icon-left {
margin-right: 0.5rem;
}
@@ -2870,13 +2884,46 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
border-width: 0 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
border-width: 1px 1px 1px 1px;
border-width: 1px 0 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
border-width: 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
border-width: 1px 0 0 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
border-width: 1px 1px 0 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
border-width: 1px 0 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
border-width: 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
border-width: 1px;
border-width: 1px 0 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
border-width: 1px 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
border-width: 0 0 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
border-width: 0 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
border-width: 0 0 1px 1px;
}
.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
border-width: 0 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
border-width: 0 0 0 1px;
}
.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
border-width: 0 1px 0 1px;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
background: #222222;
@@ -4347,6 +4394,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
border: 1px solid rgba(255, 255, 255, 0.12);
padding: 0.75rem;
border-radius: 4px;
gap: 0.5rem;
}
.p-toolbar .p-toolbar-separator {
margin: 0 0.5rem;
@@ -4544,6 +4592,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
.p-sidebar .p-sidebar-content {
padding: 0.75rem;
}
.p-sidebar .p-sidebar-footer {
padding: 0.75rem;
}
.p-tooltip .p-tooltip-text {
background: #444444;
@@ -5550,6 +5601,19 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
border: solid rgba(255, 255, 255, 0.12);
border-width: 0 0 1px 0;
}
.p-tabmenu .p-tabmenu-nav .p-menuitem-badge {
background: #CE93D8;
color: #121212;
font-size: 0.75rem;
font-weight: 700;
min-width: 1.5rem;
height: 1.5rem;
line-height: 1.5rem;
border-radius: 4px;
margin-left: 0.5rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
margin-right: 0;
}