Skip to content

Conversation

JeremyLoh
Copy link
Owner

@JeremyLoh JeremyLoh commented Nov 24, 2024

Light Mode Color Scheme - https://www.realtimecolors.com/?colors=070b03-f9fcf5-99cb3f-9ae4e1-5f98d4&fonts=Ubuntu-Ubuntu

Dark Mode Color Scheme - https://www.realtimecolors.com/?colors=e8ebf5-0b0f1d-99aade-26408d-3059d2&fonts=Ubuntu-Ubuntu

index.css

@media (prefers-color-scheme: light) {
  :root {
    /* https://www.realtimecolors.com/?colors=070c03-f7fbf4-9aca3f-9ae4e2-5e97d4&fonts=Ubuntu-Ubuntu */
    --text-color: #070c03;
    --background-color: #f7fbf4;
    --primary-color: #9aca3f;
    --secondary-color: #9ae4e2;
    --accent-color: #5e97d4;
    --error-color: #a80b0b;
    --success-color: #0e5d3c;
    --link-color: #293a6f;
    background-color: var(--background-color);
    color: var(--text-color);
  }
}

@media (prefers-color-scheme: dark) {
  :root {
    /* https://www.realtimecolors.com/?colors=e8ebf5-0b0f1d-99aade-26408d-3059d2&fonts=Ubuntu-Ubuntu */
    --text-color: #e8ebf5;
    --background-color: #0b0f1d;
    --primary-color: #99aade;
    --secondary-color: #26408d;
    --accent-color: #3059d2;
    --error-color: #dc2626;
    --success-color: #22c55e;
    --link-color: #e6f0f7;
    background-color: var(--background-color);
    color: var(--text-color);
  }
}

@JeremyLoh JeremyLoh self-assigned this Nov 24, 2024
@JeremyLoh JeremyLoh linked an issue Nov 24, 2024 that may be closed by this pull request
@JeremyLoh JeremyLoh merged commit 8e5027a into main Nov 24, 2024
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Create light mode and dark mode color scheme

1 participant