Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

add support for dark mode #259

Merged
merged 2 commits into from
Nov 26, 2020
Merged

add support for dark mode #259

merged 2 commits into from
Nov 26, 2020

Conversation

rossPatton
Copy link
Contributor

addresses #250

not exactly the best, but hey, it works

for the svg icons, the reason i embedded them directly so i could take advantage of css classes to change the fill based on theme

@rossPatton rossPatton mentioned this pull request Nov 22, 2020
3 tasks
@rossPatton rossPatton requested review from fionaRowan and shushugah and removed request for shushugah November 24, 2020 00:59
Copy link
Member

@shushugah shushugah left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The preview and work looks amazing! I noticed that there is a cascading css rule for $black variable in same file

$white: #fff;
$grey: #222;
$grey2: #444;
$grey3: #f6f6f6;
$black: rgb(2, 14, 15);
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

this black will override the $black definition on line 2. One of them should be removed, I'm happy to keep line 7.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

hmm, i'd rather go with line 2 personally. not much difference either way

@@ -50,6 +37,16 @@ permalink: /nyc/

<hr />

<div class="flex justify-between ai-center pad">
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ai-center is such an intriguing name!

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

atomic class names are just descriptive. sometimes i see this as items-center, but that's all it is. it aligns items along the vertical center

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

i'd rather have tailwind just auto-generate all these and never think about css again, personally. for a future version maybe

@rossPatton rossPatton merged commit 63a0b5d into master Nov 26, 2020
@rossPatton rossPatton deleted the ross/dark_mode_support branch November 26, 2020 03:54
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.

2 participants