Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Dark Mode default colors? #127

Answered by srmagura
deadcoder0904 asked this question in Q&A
Discussion options

I'd like to know if you've seen examples of any dark mode default colors that look good enough?

I have been Googling but the results don't understand what I want to search. Currently, doing trial & error but one perfect combo would be good enough for me!

You must be logged in to vote

Haha, I do not know if there is a "perfect combo". Here are some colors that look OK in my opinion:

const baseColor = '#c0c0c0'
const highlightColor = '#a0a0a0'

If it's relevant, we have a light/dark theme example in our Storybook here.

Replies: 1 comment 2 replies

Comment options

Haha, I do not know if there is a "perfect combo". Here are some colors that look OK in my opinion:

const baseColor = '#c0c0c0'
const highlightColor = '#a0a0a0'

If it's relevant, we have a light/dark theme example in our Storybook here.

You must be logged in to vote
2 replies
Comment options

@srmagura naah, that looks dull on dark mode. it has to be dark but must show loading animation as well. i just can't seem to find a nice combo for so long 😂

Comment options

@srmagura the storybook has nice combo. you've probably wanted to mention that but used light colors 😂

anyways this looks decent enough:

<SkeletonTheme baseColor="#333" highlightColor="#999">
	{children}
</SkeletonTheme>

but i went with:

<SkeletonTheme baseColor="#111111" highlightColor="#444444">
	{children}
</SkeletonTheme>

naah, i think this one looks much better even on text:

<SkeletonTheme baseColor="#333" highlightColor="#666">
	{children}
</SkeletonTheme>
Answer selected by deadcoder0904
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Category
Q&A
Labels
None yet

AltStyle によって変換されたページ (->オリジナル) /