Custom Topbar Color

UI Components for Vue
Post Reply
ocoel
Posts: 1
Joined: 07 Mar 2019, 12:03

04 Oct 2022, 00:45

Hello Everybody,

last week i have bought the template "Ultima" for primevue.
The template is very nice and i am very happy with it.

Unfortunatelly can i not change the color of the topbar and menu. With default colors which are preconfigured everything is fine.

I have created a theme according to the documentation and also built it. The colors for the components except menu and topbar are adopted.
Is there known bug?

I did the following Steps for create a custom theme.
  • Created a scss filte under public/theme folder and set custom color variables

Code: Select all

$primaryColor:#A7353D;
$primaryLightestColor: #FCE4EC;
$primaryMenuTextColor: $primaryColor;
$primaryTextColor:#ffffff;
$accentColor: #960050;
$accentTextColor:#212121;

@import '../../../src/assets/sass/theme/_theme_light';
  • Run the sass commands for compiling

Code: Select all

sass --update public/layout/css/:public/layout/css/
sass --update public/theme/:public/theme/
Did I forget something?

Best Regards

Oguz Cöl

Post Reply

Return to “PrimeVue”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 9 guests