F
Filament•2w ago
OnyxException

Custom theme is not visible

Hello there, I created a custom theme like the docs said. My theme.css does exist, I added it into the vite.config.js and run npm run build. Nevertheless, my admin dashboard looks like this:
No description
8 Replies
Dennis Koch
Dennis Koch•2w ago
Check your DevTools. Is the theme.css loaded? What's the content? Do you have a postcss.config.js? Try removing it. I saw the compilation breaking with that.
OnyxException
OnyxExceptionOP•2w ago
Request URL
http://[::1]:5173/resources/css/filament/admin/theme.css
Request Method
GET
Status Code
304 Not Modified
Remote Address
[::1]:5173
Referrer Policy
strict-origin-when-cross-origin
connection
keep-alive
date
Sat, 08 Nov 2025 11:10:29 GMT
keep-alive
timeout=5
vary
Origin
accept
text/css,*/*;q=0.1
accept-encoding
gzip, deflate, br, zstd
accept-language
de-DE,de;q=0.9,en-US;q=0.8,en;q=0.7,tr;q=0.6,pl;q=0.5,fr;q=0.4
connection
keep-alive
host
[::1]:5173
if-none-match
W/"4eb99-gQ/27DeHbuGzMzpYPW2uHWlpBwg"
referer
http://xxxx.test/
sec-ch-ua
"Not;A=Brand";v="99", "Opera GX";v="123", "Chromium";v="139"
sec-ch-ua-mobile
?0
sec-ch-ua-platform
"Windows"
sec-fetch-dest
style
sec-fetch-mode
no-cors
sec-fetch-site
cross-site
sec-fetch-storage-access
active
user-agent
Request URL
http://[::1]:5173/resources/css/filament/admin/theme.css
Request Method
GET
Status Code
304 Not Modified
Remote Address
[::1]:5173
Referrer Policy
strict-origin-when-cross-origin
connection
keep-alive
date
Sat, 08 Nov 2025 11:10:29 GMT
keep-alive
timeout=5
vary
Origin
accept
text/css,*/*;q=0.1
accept-encoding
gzip, deflate, br, zstd
accept-language
de-DE,de;q=0.9,en-US;q=0.8,en;q=0.7,tr;q=0.6,pl;q=0.5,fr;q=0.4
connection
keep-alive
host
[::1]:5173
if-none-match
W/"4eb99-gQ/27DeHbuGzMzpYPW2uHWlpBwg"
referer
http://xxxx.test/
sec-ch-ua
"Not;A=Brand";v="99", "Opera GX";v="123", "Chromium";v="139"
sec-ch-ua-mobile
?0
sec-ch-ua-platform
"Windows"
sec-fetch-dest
style
sec-fetch-mode
no-cors
sec-fetch-site
cross-site
sec-fetch-storage-access
active
user-agent
OnyxException
OnyxExceptionOP•2w ago
No description
OnyxException
OnyxExceptionOP•2w ago
Dont have it
Dennis Koch
Dennis Koch•2w ago
I guess there should be something between line 3 and 4
OnyxException
OnyxExceptionOP•2w ago
I think so. But what is the solution?
Dennis Koch
Dennis Koch•2w ago
Also I don't think there's @media source. Looks like Tailwind compilation doesn't work properly. Check whether you are on TW v4
OnyxException
OnyxExceptionOP•2w ago
{
    "$schema": "https://json.schemastore.org/package.json",
    "private": true,
    "type": "module",
    "scripts": {
        "build": "vite build",
        "dev": "vite"
    },
    "devDependencies": {
        "@tailwindcss/vite": "^4.1.17",
        "@vitejs/plugin-vue": "^6.0.1",
        "axios": "^1.11.0",
        "concurrently": "^9.0.1",
        "laravel-vite-plugin": "^2.0.1",
        "sass": "^1.93.2",
        "tailwindcss": "^4.1.17",
        "vite": "^7.1.12"
    },
    "dependencies": {
        "jarallax": "^2.2.1"
    }
}
{
    "$schema": "https://json.schemastore.org/package.json",
    "private": true,
    "type": "module",
    "scripts": {
        "build": "vite build",
        "dev": "vite"
    },
    "devDependencies": {
        "@tailwindcss/vite": "^4.1.17",
        "@vitejs/plugin-vue": "^6.0.1",
        "axios": "^1.11.0",
        "concurrently": "^9.0.1",
        "laravel-vite-plugin": "^2.0.1",
        "sass": "^1.93.2",
        "tailwindcss": "^4.1.17",
        "vite": "^7.1.12"
    },
    "dependencies": {
        "jarallax": "^2.2.1"
    }
}

Did you find this page helpful?