vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Fixed #545 - Galleria and Carousel highlight item visual improvement on PrimeOne Themes

pull/548/head
Cagatay Civici 2020-10-11 22:14:14 +03:00
parent b68e9a1da5
commit fd1641fe54
12 changed files with 124 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
public/themes/arya-blue/theme.css
View File

@ -1731,7 +1731,7 @@
border-radius: 0; border-radius: 0;
} }
.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { .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 { .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background: rgba(100, 181, 246, 0.16); background: rgba(100, 181, 246, 0.16);
@ -4134,7 +4134,7 @@
border-radius: 50%; border-radius: 50%;
} }
.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { .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 { .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: rgba(100, 181, 246, 0.16); background: rgba(100, 181, 246, 0.16);
@ -4305,3 +4305,13 @@
} }
/* Customizations to the designer theme should be defined here */ /* 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;
}

14
public/themes/arya-green/theme.css
View File

@ -1731,7 +1731,7 @@
border-radius: 0; border-radius: 0;
} }
.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { .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 { .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background: rgba(129, 199, 132, 0.16); background: rgba(129, 199, 132, 0.16);
@ -4134,7 +4134,7 @@
border-radius: 50%; border-radius: 50%;
} }
.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { .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 { .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: rgba(129, 199, 132, 0.16); background: rgba(129, 199, 132, 0.16);
@ -4305,3 +4305,13 @@
} }
/* Customizations to the designer theme should be defined here */ /* 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;
}

14
public/themes/arya-orange/theme.css
View File

@ -1731,7 +1731,7 @@
border-radius: 0; border-radius: 0;
} }
.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { .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 { .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background: rgba(255, 213, 79, 0.16); background: rgba(255, 213, 79, 0.16);
@ -4134,7 +4134,7 @@
border-radius: 50%; border-radius: 50%;
} }
.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { .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 { .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: rgba(255, 213, 79, 0.16); background: rgba(255, 213, 79, 0.16);
@ -4305,3 +4305,13 @@
} }
/* Customizations to the designer theme should be defined here */ /* 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;
}

14
public/themes/arya-purple/theme.css
View File

@ -1731,7 +1731,7 @@
border-radius: 0; border-radius: 0;
} }
.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { .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 { .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background: rgba(186, 104, 200, 0.16); background: rgba(186, 104, 200, 0.16);
@ -4134,7 +4134,7 @@
border-radius: 50%; border-radius: 50%;
} }
.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { .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 { .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: rgba(186, 104, 200, 0.16); background: rgba(186, 104, 200, 0.16);
@ -4305,3 +4305,13 @@
} }
/* Customizations to the designer theme should be defined here */ /* 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;
}

7
public/themes/saga-blue/theme.css
View File

@ -4305,3 +4305,10 @@
} }
/* Customizations to the designer theme should be defined here */ /* Customizations to the designer theme should be defined here */
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background-color: #2196F3;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background-color: #2196F3;
}

7
public/themes/saga-green/theme.css
View File

@ -4305,3 +4305,10 @@
} }
/* Customizations to the designer theme should be defined here */ /* Customizations to the designer theme should be defined here */
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background-color: #4CAF50;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background-color: #4CAF50;
}

7
public/themes/saga-orange/theme.css
View File

@ -4305,3 +4305,10 @@
} }
/* Customizations to the designer theme should be defined here */ /* Customizations to the designer theme should be defined here */
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background-color: #FFC107;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background-color: #FFC107;
}

7
public/themes/saga-purple/theme.css
View File

@ -4305,3 +4305,10 @@
} }
/* Customizations to the designer theme should be defined here */ /* Customizations to the designer theme should be defined here */
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background-color: #9C27B0;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background-color: #9C27B0;
}

14
public/themes/vela-blue/theme.css
View File

@ -1731,7 +1731,7 @@
border-radius: 0; border-radius: 0;
} }
.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
background: rgba(255, 255, 255, 0.03); background: #3c567a;
} }
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background: rgba(100, 181, 246, 0.16); background: rgba(100, 181, 246, 0.16);
@ -4134,7 +4134,7 @@
border-radius: 50%; border-radius: 50%;
} }
.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
background: rgba(255, 255, 255, 0.1); background: #3c567a;
} }
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: rgba(100, 181, 246, 0.16); background: rgba(100, 181, 246, 0.16);
@ -4305,3 +4305,13 @@
} }
/* Customizations to the designer theme should be defined here */ /* 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;
}

14
public/themes/vela-green/theme.css
View File

@ -1731,7 +1731,7 @@
border-radius: 0; border-radius: 0;
} }
.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
background: rgba(255, 255, 255, 0.03); background: #3c567a;
} }
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background: rgba(129, 199, 132, 0.16); background: rgba(129, 199, 132, 0.16);
@ -4134,7 +4134,7 @@
border-radius: 50%; border-radius: 50%;
} }
.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
background: rgba(255, 255, 255, 0.1); background: #3c567a;
} }
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: rgba(129, 199, 132, 0.16); background: rgba(129, 199, 132, 0.16);
@ -4305,3 +4305,13 @@
} }
/* Customizations to the designer theme should be defined here */ /* 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;
}

14
public/themes/vela-orange/theme.css
View File

@ -1731,7 +1731,7 @@
border-radius: 0; border-radius: 0;
} }
.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
background: rgba(255, 255, 255, 0.03); background: #3c567a;
} }
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background: rgba(255, 213, 79, 0.16); background: rgba(255, 213, 79, 0.16);
@ -4134,7 +4134,7 @@
border-radius: 50%; border-radius: 50%;
} }
.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
background: rgba(255, 255, 255, 0.1); background: #3c567a;
} }
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: rgba(255, 213, 79, 0.16); background: rgba(255, 213, 79, 0.16);
@ -4305,3 +4305,13 @@
} }
/* Customizations to the designer theme should be defined here */ /* 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;
}

14
public/themes/vela-purple/theme.css
View File

@ -1731,7 +1731,7 @@
border-radius: 0; border-radius: 0;
} }
.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
background: rgba(255, 255, 255, 0.03); background: #3c567a;
} }
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background: rgba(186, 104, 200, 0.16); background: rgba(186, 104, 200, 0.16);
@ -4134,7 +4134,7 @@
border-radius: 50%; border-radius: 50%;
} }
.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
background: rgba(255, 255, 255, 0.1); background: #3c567a;
} }
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: rgba(186, 104, 200, 0.16); background: rgba(186, 104, 200, 0.16);
@ -4305,3 +4305,13 @@
} }
/* Customizations to the designer theme should be defined here */ /* 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;
}