diff --git a/assets/css/callouts.css b/assets/css/callouts.css index cf2a3eb0db..3faa028422 100644 --- a/assets/css/callouts.css +++ b/assets/css/callouts.css @@ -6,31 +6,31 @@ * */ .prose blockquote { - @apply bg-blue-light-100 p-4 font-normal not-italic dark:bg-blue-dark-100; + @apply bg-blue-light-100 py-4 px-6 font-normal not-italic dark:bg-blue-dark-100 text-blue-light-600 dark:text-blue-dark-800; quotes: none; > *:first-child { - @apply relative ml-5 mt-0 before:absolute before:-left-5 before:font-icons before:content-['info']; + @apply relative ml-6 mt-0 before:absolute before:-left-6 before:font-icons before:content-['info']; } *:last-child { @apply mb-0 after:content-none; } &.warning { - @apply border-l-red-light bg-red-light-100 dark:border-l-red-dark dark:bg-red-dark-100; + @apply border-l-red-light bg-red-light-100 text-red-light-600 dark:border-l-red-dark dark:bg-red-dark-100 dark:text-red-dark-800; > *:first-child { @apply before:content-['dangerous']; } } &.important { - @apply border-l-amber-light bg-amber-light-100 dark:border-l-amber-dark dark:bg-amber-dark-100; + @apply border-l-amber-light bg-amber-light-100 text-amber-light-600 dark:border-l-amber-dark dark:bg-amber-dark-100 dark:text-amber-dark-800; > *:first-child { @apply before:content-['warning']; } } &.tip { - @apply border-l-green-light bg-green-light-100 dark:border-l-green-dark dark:bg-green-dark-100; + @apply border-l-green-light bg-green-light-100 text-green-light-600 dark:border-l-green-dark dark:bg-green-dark-100 dark:text-green-dark-800; > *:first-child { @apply before:content-['lightbulb']; } @@ -42,7 +42,7 @@ } } &.restricted { - @apply border-l-violet-light bg-violet-light-100 dark:border-l-violet-dark dark:bg-violet-dark-100; + @apply border-l-violet-light bg-violet-light-100 text-violet-light-600 dark:border-l-violet-dark dark:bg-violet-dark-100 dark:text-violet-dark-800; > *:first-child { @apply before:content-['rocket\_launch']; } diff --git a/assets/css/code.css b/assets/css/code.css index 76935c09e4..8172e1c1f8 100644 --- a/assets/css/code.css +++ b/assets/css/code.css @@ -9,6 +9,14 @@ } } +:not(pre) > code { + /* !important because of specificity issue with blockquote typography */ + color: theme(colors.black) !important; + .dark blockquote & { + color: theme(colors.white) !important; + } +} + .highlight { @apply p-3 my-4 overflow-x-auto; background: theme("colors.white"); diff --git a/assets/css/search.css b/assets/css/search.css index d682b19898..caac0f230b 100644 --- a/assets/css/search.css +++ b/assets/css/search.css @@ -14,8 +14,8 @@ --docsearch-modal-shadow: inset 1px 1px 0 0 hsla(0, 0%, 100%, 0.5), 0 3px 8px 0 #555a64; --docsearch-searchbox-height: 56px; - --docsearch-button-background: theme(colors.blue.light.600); - --docsearch-button-focus-background: theme(colors.blue.light.700); + --docsearch-button-background: rgb(255 255 255 / 10%); + --docsearch-button-focus-background: rgb(255 255 255 / 20%); --docsearch-searchbox-background: theme(colors.white); --docsearch-searchbox-shadow: inset 0 0 0 2px var(--docsearch-primary-color); --docsearch-hit-height: 56px; @@ -36,8 +36,6 @@ html.dark { --docsearch-container-background: rgba(9, 10, 17, 0.8); --docsearch-modal-background: #15172a; --docsearch-modal-shadow: inset 1px 1px 0 0 #2c2e40, 0 3px 8px 0 #000309; - --docsearch-button-background: theme(colors.blue.dark.300); - --docsearch-button-focus-background: theme(colors.blue.dark.400); --docsearch-searchbox-background: theme(colors.black); --docsearch-hit-color: #bec3c9; --docsearch-hit-shadow: none; diff --git a/layouts/partials/header.html b/layouts/partials/header.html index 901d92eed3..4397396cc2 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -1,4 +1,4 @@ -
+