I want to share common css styles such as fonts and root variables across all my styles.css files. I’m doing this because each css file starts with the same code. I tried creating a common folder, but it didn’t work for me. Does anyone have a solution for this? 
Here is my structure.
themes
theme-1
│ ├── admin
│ │ ├── resources
│ │ │ ├── assets
│ │ │ │ ├── styles.css
│ │ └── theme.properties
│ ├── account
│ │ ├── resources
│ │ │ ├── assets
│ │ │ │ ├── styles.css
│ │ └── theme.properties
│ ├── login
│ │ ├── resources
│ │ │ ├── assets
│ │ │ │ ├── styles.css
│ │ └── theme.properties
│ ├── common
│ │ ├── resources
│ │ │ ├── assets
│ │ │ │ ├── common.css
│ │
What does this mean? What was your expected behavior? What was the actual behavior? What did you configure/specify? Can you provide your theme.properties? And so on…
I expected the styling to apply as I that read on another post here.
I for example had tried this in my theme.properties
parent=keycloak.v3
styles=assets/styles.css
logo=/images/logo.svg
favIcon=/images/favicon.ico
stylesCommon=css/common.css
For account and admin theme this is more-or-less tricky to not convenient possible, due to the fact that these are (more-or-less) complete independent React apps.
For login theme you have to specify additionally common=common/theme-1 in the properties file. Then, you can reference the common style resources via stylesCommon=assets/common.css.
(BTW: you have in your folder structure the assets folder but in your theme.properties excerpt the css folder!? That doesn’t make sense…)