How to activate included themes?

UI Components for Vue
Post Reply
User avatar
bjorntj
Posts: 242
Joined: 30 Jul 2010, 10:46

30 Mar 2021, 22:15

At the momen, I have the following in my main.js:

Code: Select all

import PrimeVue from 'primevue/config'
import InputText from 'primevue/inputtext'
import Button from 'primevue/button'
import Toast from 'primevue/toast'
import ToastService from 'primevue/toastservice'

import 'primevue/resources/themes/vela-blue/theme.css'
import 'primevue/resources/primevue.min.css'
import 'primeicons/primeicons.css'

import 'primeflex/primeflex.css'

And I was expecting to get a dark look but that's not showing.. What am I missing?


Regards,

BTJ
PrimeFaces 10.x | Spring Boot 2.4.x | Undertow | Mojarra 2.3.x
Arch Linux, Firefox and Chromium

User avatar
bjorntj
Posts: 242
Joined: 30 Jul 2010, 10:46

05 Apr 2021, 12:56

I found someone who mentioned that this code is needed in the body css:

Code: Select all

  margin: 0;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: var(--surface-b);
  font-family: var(--font-family);
  font-weight: 400;
  color: var(--text-color);
But shouldn't this be part of the theme.css?? Also including this css does not fix all. I get the dark background but eg the buttons do not have the same background color and textcolor that the demo application shows for the same selected theme... So how is this really supposed to work??


BTJ
PrimeFaces 10.x | Spring Boot 2.4.x | Undertow | Mojarra 2.3.x
Arch Linux, Firefox and Chromium

Post Reply

Return to “PrimeVue”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 3 guests