algolia / algolia/docsearch

Cant switch logo color in Angular

Open
#1,695 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
4.4k
Forks
439
Avg merge
14h 32m
Merged PRs (30d)
19

Description

I'm trying to change a color for logo using flowbite CSS (tailwind)

Set variable to white
```
:root {
--docsearch-logo-color: #fff;
}
```

in project.json I have
```
"styles": [
"node_modules/@docsearch/css/dist/style.css",
"apps/docs/src/styles.css"
],
```

But nothing changes
![Screenshot 2022-12-05 at 22 25 24](https://user-images.githubusercontent.com/1939783/205736532-6fc56105-5ffe-4078-8614-7aec0d8936a8.png)

Can you suggest to me where I'm wrong?

Contributor guide

Open the contributing guide

Research direction

Review the Angular configuration in project.json and the custom styles in apps/docs/src/styles.css, along with the loaded @docsearch/css stylesheet. Reproduce the logo-color override and determine why the displayed logo remains unchanged; done means the documented CSS variable changes the logo color.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, tailwindcss, typescript
Domain
frontend
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.