🌐
GitHub
github.com › primefaces › primereact-sass-theme
GitHub - primefaces/primereact-sass-theme: PrimeReact Theming with SASS · GitHub
PrimeReact Theming with SASS. Contribute to primefaces/primereact-sass-theme development by creating an account on GitHub.
Starred by 47 users
Forked by 57 users
Languages   SCSS
🌐
PrimeReact
primereact.org › theming
Theming - PrimeReact
Themes are created with SASS using the primereact-sass-theme project available at github. This repository contains all the scss files for the components and the variables of the built-in themes so that you may customize an existing theme or ...
🌐
PrimeFaces
primefaces.org › primereact-v8 › theming
Theming - PrimeReact
PrimeReact only ships the generated CSS of Material, Bootstrap, Tailwind and PrimeOne themes whereas Designer provides full access to the whole SASS structure and the variables of these pre-built themes for easier customization.
🌐
PrimeFaces
primefaces.org › designer › primereact-old
Designer for PrimeReact – PrimeFaces
August 21, 2020 - Designer API is a SASS based theme engine to create PrimeReact themes easily featuring over 500 variables, a demo application and sample themes including the Nova and Luna theme families.
🌐
GitHub
github.com › primefaces › primereact-sass-theme › releases
Releases · primefaces/primereact-sass-theme
November 28, 2024 - PrimeReact Theming with SASS. Contribute to primefaces/primereact-sass-theme development by creating an account on GitHub.
Author   primefaces
🌐
PrimeReact
primereact.org › installation
PrimeReact | React UI Component Library
Theme is the required css file to be imported, visit the Themes section for the complete list of available themes to choose from. import "primereact/resources/themes/lara-light-cyan/theme.css";
🌐
GitHub
github.com › primefaces › primereact-sass-theme › blob › main › build.sh
primereact-sass-theme/build.sh at main · primefaces/primereact-sass-theme
PrimeReact Theming with SASS. Contribute to primefaces/primereact-sass-theme development by creating an account on GitHub.
Author   primefaces
🌐
GitHub
github.com › primefaces › primereact-sass-theme › blob › main › theme-base › _components.scss
primereact-sass-theme/theme-base/_components.scss at main · primefaces/primereact-sass-theme
PrimeReact Theming with SASS. Contribute to primefaces/primereact-sass-theme development by creating an account on GitHub.
Author   primefaces
🌐
GitHub
github.com › primefaces › primereact-sass-theme › blob › main › themes › arya › _variables.scss
primereact-sass-theme/themes/arya/_variables.scss at main · primefaces/primereact-sass-theme
PrimeReact Theming with SASS. Contribute to primefaces/primereact-sass-theme development by creating an account on GitHub.
Author   primefaces
Find elsewhere
🌐
Primereact
v9.primereact.org
PrimeReact | React UI Component Library
Crafted on a design-agnostic infrastructure, choose from a vast amount of themes such as material, bootstrap, tailwind, primeone or develop your own. ... Designer is the ultimate tool to create your own PrimeReact experience powered by a SASS ...
🌐
GitHub
github.com › primefaces › primereact › wiki › Migration-Guide-for-Templates
Migration Guide for Templates · primefaces/primereact Wiki · GitHub
Extract the contents of the bundle copy the theme-base folder, and update the theme-base folder at /public/theme/theme-base with the new content. The final structure should be like the following; ... Final step is compiling the SASS to generate CSS. Install SASS if you do not have sass at command line. ... If you receive compilation errors, it may be due to missing SASS variables. In this case add the missing variables and compile again. Visit the PrimeReact Templates Forum to create a ticket for assistance.
Author   primefaces
🌐
GitHub
github.com › primefaces › primereact-sass-theme › blob › main › package.json
primereact-sass-theme/package.json at main · primefaces/primereact-sass-theme
PrimeReact Theming with SASS. Contribute to primefaces/primereact-sass-theme development by creating an account on GitHub.
Author   primefaces
🌐
GitHub
github.com › primefaces › primereact-sass-theme › issues › 70
Release to NPM · Issue #70 · primefaces/primereact-sass-theme
June 1, 2024 - I don't see a reason why this can't be published, so a user can import it in their theme file and override/set sass variables there depending on if they imported a theme or the unstyled components.
🌐
GitHub
github.com › primefaces › primereact-sass-theme › issues › 60
Theme editor plans? · Issue #60 · primefaces/primereact-sass-theme
Hi I just saw that the Theme Designer Editor is discontinued or somehow doesn't seem to work. What is the plan for this? In the future is it foreseen that we will create one of our own based on the SASS api? Thanks
🌐
GitHub
github.com › primefaces › primereact-sass-theme › issues › 20
Remove sass color functions in theme-base files · Issue #20 · primefaces/primereact-sass-theme
Please remove sass color function in all theme-base files and instead use them as a variable in _variables.scss in each theme. Actually is it not possible to set a css variable as a value for a color.
🌐
GitHub
github.com › primefaces › primereact-sass-theme › issues › 21
primereact-sass-theme as a npm package · Issue #21 · primefaces/primereact-sass-theme
June 7, 2023 - Is it planned that primereact-sass-theme can be installed as a npm / yarn package? So it would be easier to update primereact-sass-theme if updating primereact or installing a older version.
🌐
Stack Overflow
stackoverflow.com › questions › 61145110 › override-scss-variables-in-primereact
reactjs - Override SCSS variables in PrimeReact - Stack Overflow
In my remember, You can override variables in overrides/_layout_variables.scss or overrides/_theme_variables.scss files. Also you may need to upgrade your version to the latest. ... Let me check on my previous project. In the meantime, can you use !important ? ... :root { --primaryColor: green; --primaryTextColor: #ffffff; --panelContentBorder: 1px solid #c8c8c8; } .somePage { --primaryColor: blue; // So primaryColor will be blue for all rules in scope of .somePage } ... Well to overwrite SCSS/SASS/LESS variables in general you could do the following (The process does also work with less instead of .scss)
🌐
Hashnode
primetek.hashnode.dev › switch-your-react-app-between-material-bootstrap-and-custom-themes-at-runtime
Switch Your React App Between Material, Bootstrap and Custom Themes at Runtime
August 24, 2021 - PrimeReact provides various themes including Material, Bootstrap, FluentUI and PrimeOne with dark mode alternatives. These are provided at primereact/resources/themes folder so first thing to do it creating an scss file that imports the one ...