Skip to content

Commit

Permalink
Refactor #5071 - Update theme
Browse files Browse the repository at this point in the history
  • Loading branch information
@mertsincan
mertsincan committed Jan 14, 2024
1 parent bda8876 commit 7107b52
Show file tree
Hide file tree
Showing 57 changed files with 6,115 additions and 1,042 deletions.
125 changes: 107 additions & 18 deletions public/themes/arya-blue/theme.css
View file
Expand Up @@ -357,7 +357,7 @@
}
.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
outline: 0 none;
outline-offset: -2px;
outline-offset: 0;
box-shadow: 0 0 0 1px #93cbf9;
border-color: #64B5F6;
}
Expand Down Expand Up @@ -413,6 +413,12 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child {
margin-top: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:last-child {
margin-bottom: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
color: rgba(255, 255, 255, 0.87);
background: rgba(100, 181, 246, 0.16);
Expand Down Expand Up @@ -441,7 +447,7 @@
}
.p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
outline: 0 none;
outline-offset: -2px;
outline-offset: 0;
box-shadow: 0 0 0 1px #93cbf9;
border-color: #64B5F6;
}
Expand Down Expand Up @@ -681,7 +687,7 @@
}
.p-cascadeselect:not(.p-disabled).p-focus {
outline: 0 none;
outline-offset: -2px;
outline-offset: 0;
box-shadow: 0 0 0 1px #93cbf9;
border-color: #64B5F6;
}
Expand Down Expand Up @@ -726,6 +732,12 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child {
margin-top: 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child {
margin-bottom: 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
color: rgba(255, 255, 255, 0.87);
background: rgba(100, 181, 246, 0.16);
Expand Down Expand Up @@ -810,7 +822,7 @@
}
.p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
outline: 0 none;
outline-offset: -2px;
outline-offset: 0;
box-shadow: 0 0 0 1px #93cbf9;
border-color: #64B5F6;
}
Expand All @@ -836,7 +848,7 @@
}
.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
outline: 0 none;
outline-offset: -2px;
outline-offset: 0;
box-shadow: 0 0 0 1px #93cbf9;
border-color: #64B5F6;
}
Expand Down Expand Up @@ -903,7 +915,7 @@
}
.p-dropdown:not(.p-disabled).p-focus {
outline: 0 none;
outline-offset: -2px;
outline-offset: 0;
box-shadow: 0 0 0 1px #93cbf9;
border-color: #64B5F6;
}
Expand Down Expand Up @@ -972,6 +984,12 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child {
margin-top: 0;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child {
margin-bottom: 0;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
color: rgba(255, 255, 255, 0.87);
background: rgba(100, 181, 246, 0.16);
Expand Down Expand Up @@ -1115,7 +1133,7 @@
background: rgba(255, 255, 255, 0.6);
width: 1.25rem;
height: 1.25rem;
transform: translateX(0.25rem);
left: 0.25rem;
margin-top: -0.625rem;
border-radius: 50%;
transition-duration: 0.2s;
Expand Down Expand Up @@ -1160,7 +1178,7 @@
}
.p-inputtext:enabled:focus {
outline: 0 none;
outline-offset: -2px;
outline-offset: 0;
box-shadow: 0 0 0 1px #93cbf9;
border-color: #64B5F6;
}
Expand Down Expand Up @@ -1282,6 +1300,12 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-listbox .p-listbox-list .p-listbox-item:first-child {
margin-top: 0;
}
.p-listbox .p-listbox-list .p-listbox-item:last-child {
margin-bottom: 0;
}
.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
color: rgba(255, 255, 255, 0.87);
background: rgba(100, 181, 246, 0.16);
Expand Down Expand Up @@ -1311,7 +1335,7 @@
}
.p-listbox.p-focus {
outline: 0 none;
outline-offset: -2px;
outline-offset: 0;
box-shadow: 0 0 0 1px #93cbf9;
border-color: #64B5F6;
}
Expand All @@ -1331,7 +1355,7 @@
}
.p-multiselect:not(.p-disabled).p-focus {
outline: 0 none;
outline-offset: -2px;
outline-offset: 0;
box-shadow: 0 0 0 1px #93cbf9;
border-color: #64B5F6;
}
Expand Down Expand Up @@ -1426,6 +1450,12 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child {
margin-top: 0;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child {
margin-bottom: 0;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
color: rgba(255, 255, 255, 0.87);
background: rgba(100, 181, 246, 0.16);
Expand Down Expand Up @@ -1544,7 +1574,7 @@
}
.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
outline: 0 none;
outline-offset: -2px;
outline-offset: 0;
box-shadow: 0 0 0 1px #93cbf9;
border-color: #64B5F6;
}
Expand All @@ -1570,6 +1600,7 @@
}
.p-rating .p-rating-item {
outline-color: transparent;
border-radius: 50%;
}
.p-rating .p-rating-item .p-rating-icon {
color: rgba(255, 255, 255, 0.87);
Expand All @@ -1585,9 +1616,8 @@
}
.p-rating .p-rating-item.p-focus {
outline: 0 none;
outline-offset: -2px;
outline-offset: 0;
box-shadow: 0 0 0 1px #93cbf9;
border-color: #64B5F6;
}
.p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
color: #64B5F6;
Expand Down Expand Up @@ -1693,7 +1723,7 @@
}
.p-treeselect:not(.p-disabled).p-focus {
outline: 0 none;
outline-offset: -2px;
outline-offset: 0;
box-shadow: 0 0 0 1px #93cbf9;
border-color: #64B5F6;
}
Expand Down Expand Up @@ -1807,11 +1837,11 @@
}
.p-togglebutton.p-button:not(.p-disabled):has(.p-togglebutton-input:focus-visible) {
outline: 0 none;
outline-offset: -2px;
outline-offset: 0;
box-shadow: 0 0 0 1px #93cbf9;
border-color: #64B5F6;
}
.p-togglebutton.p-button.p-invalid > .p-button {
.p-togglebutton.p-button.p-invalid {
border-color: #ef9a9a;
}

Expand Down Expand Up @@ -2314,6 +2344,7 @@
background: rgba(255, 255, 255, 0.87);
color: #121212;
outline-color: transparent;
transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
.p-speeddial-action:hover {
background: rgba(255, 255, 255, 0.6);
Expand Down Expand Up @@ -3041,6 +3072,12 @@
transition: box-shadow 0.2s;
border-radius: 0;
}
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child {
margin-top: 0;
}
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:last-child {
margin-bottom: 0;
}
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
color: rgba(255, 255, 255, 0.87);
background: rgba(100, 181, 246, 0.16);
Expand Down Expand Up @@ -3121,6 +3158,12 @@
background: transparent;
transition: transform 0.2s, box-shadow 0.2s;
}
.p-orderlist .p-orderlist-list .p-orderlist-item:first-child {
margin-top: 0;
}
.p-orderlist .p-orderlist-list .p-orderlist-item:last-child {
margin-bottom: 0;
}
.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
Expand Down Expand Up @@ -3298,6 +3341,12 @@
background: transparent;
transition: transform 0.2s, box-shadow 0.2s;
}
.p-picklist .p-picklist-list .p-picklist-item:first-child {
margin-top: 0;
}
.p-picklist .p-picklist-list .p-picklist-item:last-child {
margin-bottom: 0;
}
.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
Expand Down Expand Up @@ -3394,7 +3443,7 @@
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
margin-right: 0.5rem;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
Expand Down Expand Up @@ -3543,7 +3592,7 @@
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
margin-right: 0.5rem;
}
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-treetable .p-treetable-tbody > tr:focus-visible {
Expand Down Expand Up @@ -4306,6 +4355,12 @@
.p-contextmenu .p-menuitem {
margin: 0;
}
.p-contextmenu .p-menuitem:first-child {
margin-top: 0;
}
.p-contextmenu .p-menuitem:last-child {
margin-bottom: 0;
}
.p-contextmenu .p-menuitem > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
transition: box-shadow 0.2s;
Expand Down Expand Up @@ -4451,6 +4506,12 @@
.p-megamenu .p-menuitem {
margin: 0;
}
.p-megamenu .p-menuitem:first-child {
margin-top: 0;
}
.p-megamenu .p-menuitem:last-child {
margin-bottom: 0;
}
.p-megamenu .p-menuitem > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
transition: box-shadow 0.2s;
Expand Down Expand Up @@ -4624,6 +4685,12 @@
.p-menu .p-menuitem {
margin: 0;
}
.p-menu .p-menuitem:first-child {
margin-top: 0;
}
.p-menu .p-menuitem:last-child {
margin-bottom: 0;
}
.p-menu .p-menuitem > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
transition: box-shadow 0.2s;
Expand Down Expand Up @@ -4739,6 +4806,12 @@
.p-menubar .p-menuitem {
margin: 0;
}
.p-menubar .p-menuitem:first-child {
margin-top: 0;
}
.p-menubar .p-menuitem:last-child {
margin-bottom: 0;
}
.p-menubar .p-menuitem > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
transition: box-shadow 0.2s;
Expand Down Expand Up @@ -4928,6 +5001,12 @@
.p-panelmenu .p-panelmenu-content .p-menuitem {
margin: 0;
}
.p-panelmenu .p-panelmenu-content .p-menuitem:first-child {
margin-top: 0;
}
.p-panelmenu .p-panelmenu-content .p-menuitem:last-child {
margin-bottom: 0;
}
.p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
transition: box-shadow 0.2s;
Expand Down Expand Up @@ -5131,6 +5210,12 @@
.p-tieredmenu .p-menuitem {
margin: 0;
}
.p-tieredmenu .p-menuitem:first-child {
margin-top: 0;
}
.p-tieredmenu .p-menuitem:last-child {
margin-bottom: 0;
}
.p-tieredmenu .p-menuitem > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
transition: box-shadow 0.2s;
Expand Down Expand Up @@ -5644,6 +5729,10 @@
line-height: 3rem;
}

.p-blockui {
border-radius: 3px;
}

.p-chip {
background-color: #383838;
color: rgba(255, 255, 255, 0.87);
Expand Down

0 comments on commit 7107b52

Please sign in to comment.