Skip to content

Commit

Permalink
Adjust code tag link colors (#4096)
Browse files Browse the repository at this point in the history
## What are you changing in this pull request and why?
[Asana Ticket
Here](https://app.asana.com/0/1200099998847559/1205507946650672/f)
- Adjusting the link colors for `code` tags on dark mode to make the
appearance of a link more visible when linking to different
documentation

## Preview Links
-
https://docs-getdbt-com-git-bug-code-tag-links-dbt-labs.vercel.app/reference/dbt-jinja-functions/this#examples
- Please swap to dark mode, then view the `grants` code link to assure
the new style is correctly applied
  • Loading branch information
breezyfasano authored Sep 21, 2023
2 parents 5b759fd + e54c4b5 commit 13956b7
Showing 1 changed file with 8 additions and 4 deletions.
12 changes: 8 additions & 4 deletions website/src/css/custom.css
Original file line number Diff line number Diff line change
Expand Up @@ -102,6 +102,14 @@ html[data-theme="dark"] {
--ifm-table-cell-color: var(--color-green-blue);
}

/* Linked `code` tags visibility adjustment */
html[data-theme=dark] a code {
color: var(--ifm-link-color);
}
html[data-theme=dark] a code:hover {
color: var(--ifm-link-hover-color);;
}

/* For /dbt-cloud/api REDOC Page */
html[data-theme="dark"] .api-content h2,
html[data-theme="dark"] .api-content h3,
Expand Down Expand Up @@ -228,10 +236,6 @@ code {
color: var(--ifm-color-emphasis-900);
}

html[data-theme="dark"] a code {
color: var(--color-white);
}

.main-wrapper .home .col>p {
font-size: 1.25rem;
}
Expand Down

0 comments on commit 13956b7

Please sign in to comment.