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

init dark mode #6

Draft
wants to merge 2 commits into
base: main
Choose a base branch
from
Draft

init dark mode #6

wants to merge 2 commits into from

Conversation

ojkelly
Copy link
Contributor

@ojkelly ojkelly commented Nov 13, 2021

No description provided.

@ojkelly ojkelly requested a review from ChrisShank November 13, 2021 06:00
>{{ $frontmatter.twitter }}</a
>
</dd>
</dl>
</header>

<Content class="mb-10" />
<Content class="mb-10 dark:text-gray-400 leading-1 tracking-tight" />
Copy link
Contributor Author

Choose a reason for hiding this comment

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

@ChrisShank I can't seem to work out how to affect the colors inside this tag

Copy link
Contributor

Choose a reason for hiding this comment

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

Hmmm… i can look into it tomorrow. I was waiting to implement dark theme until tailwind typography supported it (which should have been recently)

Copy link
Contributor Author

Choose a reason for hiding this comment

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

@netlify
Copy link

netlify bot commented Nov 13, 2021

✔️ Deploy Preview for stateml ready!

🔨 Explore the source changes: 995194d

🔍 Inspect the deploy log: https://app.netlify.com/sites/stateml/deploys/618f54fa72dc870008741edd

😎 Browse the preview: https://deploy-preview-6--stateml.netlify.app

<h1 class="!m-0">{{ $frontmatter.title }}</h1>
<dl class="flex text-sm font-medium leading-5 whitespace-nowrap">
<h1 class="!m-0 text-gray-400">{{ $frontmatter.title }}</h1>
<dl class="flex text-sm font-medium leading-10 whitespace-nowrap">
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 tried to balance out some of the spacing in this section

@@ -18,33 +18,43 @@ const prevPost = computed(() => posts[findCurrentIndex() + 1]);
<article class="prose">
<header class="mb-8">
<Date :created-date="date" :updated-date="route.data.lastUpdated" />
<h1 class="!m-0">{{ $frontmatter.title }}</h1>
<dl class="flex text-sm font-medium leading-5 whitespace-nowrap">
<h1 class="!m-0 text-gray-400">{{ $frontmatter.title }}</h1>
Copy link
Contributor Author

Choose a reason for hiding this comment

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

@ChrisShank I can't see to affect the color of this title?

import { useRoute } from 'vitepress';
import Posts from './Posts.vue';
import Post from './Post.vue';
import { computed } from "vue";
Copy link
Contributor Author

Choose a reason for hiding this comment

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

ugh this all appears to have come from prettier

Copy link
Contributor

Choose a reason for hiding this comment

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

Haha np

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