Skip to content

Commit

Permalink
Fixed #9397, Fixed #9396, Fixed #9395, Fixed #9394, Fixed #9393
Browse files Browse the repository at this point in the history
  • Loading branch information
@cagataycivici
cagataycivici committed Oct 11, 2020
1 parent 326d764 commit 38d8f58
Show file tree
Hide file tree
Showing 33 changed files with 351 additions and 408 deletions.
31 changes: 18 additions & 13 deletions src/assets/components/themes/arya-blue/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -375,15 +375,9 @@ p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #383838;
}
.p-input-filled .p-checkbox .p-checkbox-box:not(.p-checkbox-disabled):hover {
background-color: #383838;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
background: #64B5F6;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-checkbox-disabled):hover {
background: #2396f2;
}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
background-color: #383838;
}
Expand Down Expand Up @@ -1396,8 +1390,8 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
min-width: 1rem;
height: 1rem;
line-height: 1rem;
color: #212529;
background-color: #64B5F6;
color: #64B5F6;
background-color: #212529;
}
.p-button.p-button-raised {
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
Expand Down Expand Up @@ -1801,7 +1795,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
border-radius: 0;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
background: rgba(255, 255, 255, 0.03);
background: #4c4c4c;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background: rgba(100, 181, 246, 0.16);
Expand Down Expand Up @@ -1851,9 +1845,6 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
color: rgba(255, 255, 255, 0.87);
background: #1e1e1e;
}
.p-datatable .p-sortable-column {
outline-color: #93cbf9;
}
.p-datatable .p-sortable-column .p-sortable-column-icon {
color: rgba(255, 255, 255, 0.6);
margin-left: 0.5rem;
Expand Down Expand Up @@ -2524,6 +2515,10 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
color: rgba(255, 255, 255, 0.87);
}
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
Expand Down Expand Up @@ -4413,7 +4408,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
border-radius: 50%;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
background: rgba(255, 255, 255, 0.1);
background: #4c4c4c;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: rgba(100, 181, 246, 0.16);
Expand Down Expand Up @@ -4584,3 +4579,13 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
}

/* Customizations to the designer theme should be defined here */
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background-color: #64B5F6;
}

.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background-color: #64B5F6;
}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: #64B5F6;
}
31 changes: 18 additions & 13 deletions src/assets/components/themes/arya-green/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -375,15 +375,9 @@ p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #383838;
}
.p-input-filled .p-checkbox .p-checkbox-box:not(.p-checkbox-disabled):hover {
background-color: #383838;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
background: #81C784;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-checkbox-disabled):hover {
background: #54b358;
}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
background-color: #383838;
}
Expand Down Expand Up @@ -1396,8 +1390,8 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
min-width: 1rem;
height: 1rem;
line-height: 1rem;
color: #212529;
background-color: #81C784;
color: #81C784;
background-color: #212529;
}
.p-button.p-button-raised {
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
Expand Down Expand Up @@ -1801,7 +1795,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
border-radius: 0;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
background: rgba(255, 255, 255, 0.03);
background: #4c4c4c;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background: rgba(129, 199, 132, 0.16);
Expand Down Expand Up @@ -1851,9 +1845,6 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
color: rgba(255, 255, 255, 0.87);
background: #1e1e1e;
}
.p-datatable .p-sortable-column {
outline-color: #a7d8a9;
}
.p-datatable .p-sortable-column .p-sortable-column-icon {
color: rgba(255, 255, 255, 0.6);
margin-left: 0.5rem;
Expand Down Expand Up @@ -2524,6 +2515,10 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
color: rgba(255, 255, 255, 0.87);
}
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
Expand Down Expand Up @@ -4413,7 +4408,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
border-radius: 50%;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
background: rgba(255, 255, 255, 0.1);
background: #4c4c4c;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: rgba(129, 199, 132, 0.16);
Expand Down Expand Up @@ -4584,3 +4579,13 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
}

/* Customizations to the designer theme should be defined here */
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background-color: #81C784;
}

.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background-color: #81C784;
}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: #81C784;
}
31 changes: 18 additions & 13 deletions src/assets/components/themes/arya-orange/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -375,15 +375,9 @@ p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #383838;
}
.p-input-filled .p-checkbox .p-checkbox-box:not(.p-checkbox-disabled):hover {
background-color: #383838;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
background: #FFD54F;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-checkbox-disabled):hover {
background: #ffc50c;
}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
background-color: #383838;
}
Expand Down Expand Up @@ -1396,8 +1390,8 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
min-width: 1rem;
height: 1rem;
line-height: 1rem;
color: #212529;
background-color: #FFD54F;
color: #FFD54F;
background-color: #212529;
}
.p-button.p-button-raised {
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
Expand Down Expand Up @@ -1801,7 +1795,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
border-radius: 0;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
background: rgba(255, 255, 255, 0.03);
background: #4c4c4c;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background: rgba(255, 213, 79, 0.16);
Expand Down Expand Up @@ -1851,9 +1845,6 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
color: rgba(255, 255, 255, 0.87);
background: #1e1e1e;
}
.p-datatable .p-sortable-column {
outline-color: #ffe284;
}
.p-datatable .p-sortable-column .p-sortable-column-icon {
color: rgba(255, 255, 255, 0.6);
margin-left: 0.5rem;
Expand Down Expand Up @@ -2524,6 +2515,10 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
color: rgba(255, 255, 255, 0.87);
}
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
Expand Down Expand Up @@ -4413,7 +4408,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
border-radius: 50%;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
background: rgba(255, 255, 255, 0.1);
background: #4c4c4c;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: rgba(255, 213, 79, 0.16);
Expand Down Expand Up @@ -4584,3 +4579,13 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
}

/* Customizations to the designer theme should be defined here */
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background-color: #FFD54F;
}

.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background-color: #FFD54F;
}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: #FFD54F;
}
31 changes: 18 additions & 13 deletions src/assets/components/themes/arya-purple/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -375,15 +375,9 @@ p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #383838;
}
.p-input-filled .p-checkbox .p-checkbox-box:not(.p-checkbox-disabled):hover {
background-color: #383838;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
background: #BA68C8;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-checkbox-disabled):hover {
background: #a241b2;
}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
background-color: #383838;
}
Expand Down Expand Up @@ -1396,8 +1390,8 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
min-width: 1rem;
height: 1rem;
line-height: 1rem;
color: #ffffff;
background-color: #BA68C8;
color: #BA68C8;
background-color: #ffffff;
}
.p-button.p-button-raised {
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
Expand Down Expand Up @@ -1801,7 +1795,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
border-radius: 0;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
background: rgba(255, 255, 255, 0.03);
background: #4c4c4c;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background: rgba(186, 104, 200, 0.16);
Expand Down Expand Up @@ -1851,9 +1845,6 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
color: rgba(255, 255, 255, 0.87);
background: #1e1e1e;
}
.p-datatable .p-sortable-column {
outline-color: #cf95d9;
}
.p-datatable .p-sortable-column .p-sortable-column-icon {
color: rgba(255, 255, 255, 0.6);
margin-left: 0.5rem;
Expand Down Expand Up @@ -2524,6 +2515,10 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
color: rgba(255, 255, 255, 0.87);
}
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
color: rgba(255, 255, 255, 0.87);
}
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
Expand Down Expand Up @@ -4413,7 +4408,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
border-radius: 50%;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
background: rgba(255, 255, 255, 0.1);
background: #4c4c4c;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: rgba(186, 104, 200, 0.16);
Expand Down Expand Up @@ -4584,3 +4579,13 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
}

/* Customizations to the designer theme should be defined here */
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background-color: #BA68C8;
}

.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background-color: #BA68C8;
}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: #BA68C8;
}
19 changes: 7 additions & 12 deletions src/assets/components/themes/bootstrap4-dark-blue/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -375,15 +375,9 @@ p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
.p-input-filled .p-checkbox .p-checkbox-box {
background-color: #3f4b5b;
}
.p-input-filled .p-checkbox .p-checkbox-box:not(.p-checkbox-disabled):hover {
background-color: #3f4b5b;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
background: #8dd0ff;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight:not(.p-checkbox-disabled):hover {
background: #1dadff;
}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
background-color: #3f4b5b;
}
Expand Down Expand Up @@ -1408,8 +1402,8 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
min-width: 1rem;
height: 1rem;
line-height: 1rem;
color: #151515;
background-color: #8dd0ff;
color: #8dd0ff;
background-color: #151515;
}
.p-button.p-button-raised {
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
Expand Down Expand Up @@ -1863,9 +1857,6 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
color: rgba(255, 255, 255, 0.87);
background: #2a323d;
}
.p-datatable .p-sortable-column {
outline-color: #e3f3fe;
}
.p-datatable .p-sortable-column .p-sortable-column-icon {
color: rgba(255, 255, 255, 0.6);
margin-left: 0.5rem;
Expand Down Expand Up @@ -1901,7 +1892,7 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
color: #8dd0ff;
}
.p-datatable .p-sortable-column:focus {
box-shadow: inset 0 0 0 1px #e3f3fe;
box-shadow: inset 0 0 0 0.15rem #e3f3fe;
outline: 0 none;
}
.p-datatable .p-datatable-tbody > tr {
Expand Down Expand Up @@ -2536,6 +2527,10 @@ p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
color: #151515;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
color: #151515;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.87);
Expand Down
Loading

0 comments on commit 38d8f58

Please sign in to comment.