Skip to content

Commit

Permalink
dark mode fixes
Browse files Browse the repository at this point in the history
  • Loading branch information
@mythz
mythz committed Jul 3, 2023
1 parent 825c806 commit 27cb645
Show file tree
Hide file tree
Showing 2 changed files with 19 additions and 15 deletions.
30 changes: 15 additions & 15 deletions MyApp/Pages/Index.cshtml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -47,7 +47,7 @@
<h3 class="mt-8 text-lg font-medium tracking-tight text-gray-900 dark:text-gray-50">
<a href="https://servicestack.net">servicestack.net</a>
</h3>
<p class="mt-5 text-base text-gray-500">
<p class="mt-5 text-base text-gray-500 dark:text-gray-400">
See ServiceStack's Website for product info and pricing
</p>
</div>
Expand All @@ -65,7 +65,7 @@
<h3 class="mt-8 text-lg font-medium tracking-tight text-gray-900 dark:text-gray-50">
<a href="https://github.com/ServiceStack/docs.servicestack.net">Contribute to Docs</a>
</h3>
<p class="mt-5 text-base text-gray-500">
<p class="mt-5 text-base text-gray-500 dark:text-gray-400">
Send a pull request to modify markdown in our GitHub Docs Repo
</p>
</div>
Expand Down Expand Up @@ -217,7 +217,7 @@
<h3 class="mt-8 text-lg font-medium tracking-tight text-gray-900 dark:text-gray-50">
<a href="https://servicestack.net/ask">Ask on ServiceStack/Discuss</a>
</h3>
<p class="mt-5 text-base text-gray-500">
<p class="mt-5 text-base text-gray-500 dark:text-gray-400">
Receive answers from ServiceStack community in the ServiceStack/Discus Q&A Community Support category on GitHub Discussions
</p>
</div>
Expand All @@ -237,10 +237,10 @@
<h3 class="mt-8 text-lg font-medium tracking-tight text-gray-900 dark:text-gray-50">
<a href="https://stackoverflow.com/questions/ask?tags=servicestack">Ask on StackOverflow</a>
</h3>
<p class="mt-5 text-base text-gray-500">
<p class="mt-5 text-base text-gray-500 dark:text-gray-400">
Receive answers from devs on StackOverflow.
</p>
<p class="mt-5 text-base text-gray-500">
<p class="mt-5 text-base text-gray-500 dark:text-gray-400">
StackOverflow questions with the <span class="bg-blue-50 dark:bg-blue-900 text-blue-700 dark:text-blue-200 px-2 py-1">servicestack</span> tag
is frequently monitored by ServiceStack devs
</p>
Expand Down Expand Up @@ -275,13 +275,13 @@
<h3 class="mt-8 text-lg font-medium tracking-tight text-gray-900 dark:text-gray-50">
<a href="https://forums.servicestack.net">Customer Forums</a>
</h3>
<p class="mt-5 text-base text-gray-500">
<p class="mt-5 text-base text-gray-500 dark:text-gray-400">
We're here to help! Active Customers can get technical support from our
<a class="text-indigo-600 hover:text-indigo-800" href="https://forums.servicestack.net">Customer Forums</a>.
<a class="text-indigo-600 dark:text-indigo-300 hover:text-indigo-800 dark:hover:text-indigo-100" href="https://forums.servicestack.net">Customer Forums</a>.
</p>
<p class="mt-5 text-base text-gray-500">
<p class="mt-5 text-base text-gray-500 dark:text-gray-400">
Your email needs to match your Account's email or a
<a class="text-indigo-600 hover:text-indigo-800" href="https://servicestack.net/account/support">registered support contact</a>
<a class="text-indigo-600 dark:text-indigo-300 hover:text-indigo-800 dark:hover:text-indigo-100" href="https://servicestack.net/account/support">registered support contact</a>
</p>
</div>
</div>
Expand All @@ -300,9 +300,9 @@
<h3 class="mt-8 text-lg font-medium tracking-tight text-gray-900 dark:text-gray-50">
<a href="https://github.com/ServiceStack/Issues">Report a bug issue</a>
</h3>
<p class="mt-5 text-base text-gray-500">
<p class="mt-5 text-base text-gray-500 dark:text-gray-400">
If you've found an issue in anyone of our libraries, please report it to our
<a class="text-indigo-600 hover:text-indigo-800" href="https://github.com/ServiceStack/Issues">GitHub Issues repository</a>
<a class="text-indigo-600 dark:text-indigo-300 hover:text-indigo-800 dark:hover:text-indigo-100" href="https://github.com/ServiceStack/Issues">GitHub Issues repository</a>
</p>
</div>
</div>
Expand All @@ -321,8 +321,8 @@
<h3 class="mt-8 text-lg font-medium tracking-tight text-gray-900 dark:text-gray-50">
<a href="https://servicestack.net/ideas">Request a Feature</a>
</h3>
<p class="mt-5 text-base text-gray-500">
<a class="text-indigo-600 hover:text-indigo-800" href="https://servicestack.net/ideas">Request a new Feature</a>
<p class="mt-5 text-base text-gray-500 dark:text-gray-400">
<a class="text-indigo-600 dark:text-indigo-300 hover:text-indigo-800 dark:hover:text-indigo-100" href="https://servicestack.net/ideas">Request a new Feature</a>
or additional docs, samples and use-cases you would like to see in ServiceStack
</p>
</div>
Expand All @@ -342,8 +342,8 @@
<h3 class="mt-8 text-lg font-medium tracking-tight text-gray-900 dark:text-gray-50">
<a href="mailto:team@servicestack.net">Account, billing or other?</a>
</h3>
<p class="mt-5 text-base text-gray-500">
<a class="text-indigo-600 hover:text-indigo-800" href="mailto:team@servicestack.net">Email us</a>
<p class="mt-5 text-base text-gray-500 dark:text-gray-400">
<a class="text-indigo-600 dark:text-indigo-300 hover:text-indigo-800 dark:hover:text-indigo-100" href="mailto:team@servicestack.net">Email us</a>
if you need to renew your existing subscription or change your Account's email.
</p>
</div>
Expand Down
4 changes: 4 additions & 0 deletions MyApp/wwwroot/css/typography.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -48,6 +48,10 @@
width: var(--content-width);
max-width: var(--content-width);
}
.dark .prose :where(a):not(:where([class~="not-prose"] *)):hover {
opacity: .8;
color: rgb(165 180 252); /* text-slate-300 */
}
.not-prose { max-width: unset; }
.prose-table { max-width: 56rem; width: 56rem; padding-left: 1px; overflow-x: auto; }
.hide-h2+h2 { display:none }
Expand Down

0 comments on commit 27cb645

Please sign in to comment.