diff --git a/docs/introduction/overview.mdx b/docs/introduction/overview.mdx index 45e6c0973..9b3ed9077 100644 --- a/docs/introduction/overview.mdx +++ b/docs/introduction/overview.mdx @@ -33,16 +33,12 @@ function.set_docstring('new docstring') # set docstring width="100%" height="300px" scrolling="no" - src={`https://www.chadcode.sh/embedded/codemod/?code=${encodeURIComponent( + src={`http://localhost:3000/embedded/codemod/?code=${encodeURIComponent( intoSnippet )}`} - className="rounded-md" - style={{ - borderRadius: "0.5rem", - borderColor: "rgb(var(--primary-light))", - borderWidth: "1px", - }} -> + className="rounded-md ring-1 ring-gray-800/50 dark:ring-gray-800/50" + +> ## Installation diff --git a/docs/prism.css b/docs/prism.css index 7d78bb4e2..1e935e292 100644 --- a/docs/prism.css +++ b/docs/prism.css @@ -1,7 +1,7 @@ /* Override font variables */ :root { - --font-jetbrains-mono: Menlo, Monaco, "Courier New", monospace !important; - /* --font-jetbrains-mono: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace !important; */ + --font-jetbrains-mono: Menlo, Monaco, "Courier New", monospace !important; + /* --font-jetbrains-mono: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace !important; */ } pre[class*="language-"], @@ -10,161 +10,165 @@ pre, code, kbd, samp { - font-family: Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace !important; - --font-jetbrains-mono: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", - monospace !important; - font-weight: 500 !important; + font-family: Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace !important; + --font-jetbrains-mono: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", + monospace !important; + font-weight: 500 !important; } pre[class*="language-"] { - font-family: Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace !important; - font-weight: 500 !important; - text-align: left; - white-space: pre; - word-spacing: normal; - word-break: normal; - word-wrap: normal; - line-height: 1.5; - -moz-tab-size: 4; - -o-tab-size: 4; - tab-size: 4; - -webkit-hyphens: none; - -moz-hyphens: none; - -ms-hyphens: none; - hyphens: none; + font-family: Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace !important; + font-weight: 500 !important; + text-align: left; + white-space: pre; + word-spacing: normal; + word-break: normal; + word-wrap: normal; + line-height: 1.5; + -moz-tab-size: 4; + -o-tab-size: 4; + tab-size: 4; + -webkit-hyphens: none; + -moz-hyphens: none; + -ms-hyphens: none; + hyphens: none; } pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection, code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection { - text-shadow: none; - background: #362d45; + text-shadow: none; + background: #362d45; } pre[class*="language-"]::selection, pre[class*="language-"] ::selection, code[class*="language-"]::selection, code[class*="language-"] ::selection { - text-shadow: none; - background: #362d45; + text-shadow: none; + background: #362d45; } @media print { - code[class*="language-"], - pre[class*="language-"] { - text-shadow: none; - } + code[class*="language-"], + pre[class*="language-"] { + text-shadow: none; + } } /* Code blocks */ pre[class*="language-"] { - padding: 1em; - margin: 0.5em 0; - overflow: auto; + padding: 1em; + margin: 0.5em 0; + overflow: auto; } :not(pre) > code[class*="language-"], pre[class*="language-"] { - color: white; + color: white; } :not(pre) > code[class*="language-"] { - padding: 0.1em; - border-radius: 0.3em; - white-space: normal; + padding: 0.1em; + border-radius: 0.3em; + white-space: normal; } .language-python .language-bash { - background-color: #15141b !important; - font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace !important; - font-weight: 600 !important; - font-size: 16px !important; + background-color: #15141b !important; + font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace !important; + font-weight: 600 !important; + font-size: 16px !important; } -.dark .bg-codeblock { - background-color: #18181b !important; +.dark\:bg-codeblock:is(.dark *) { + background-color: #15141b !important; +} + +.dark\:ring-gray-800\/50:is(.dark *) { + --tw-ring-color: #15141b !important; } .codeblock-dark { - background-color: #18181b !important; - color: #edecee !important; - font-size: 20px !important; + background-color: #15141b !important; + color: #edecee !important; + font-size: 20px !important; } .dark .prose { - color: #edecee !important; - font-size: 16px !important; + color: #edecee !important; + font-size: 16px !important; } /* single backticks are orange */ .dark .prose p code { - color: #ffca85 !important; + color: #ffca85 !important; } .dark .prose ul code { - color: #ffca85 !important; + color: #ffca85 !important; } /* links are purple */ .prose a { - color: #a277ff !important; + color: #a277ff !important; } .token.tag { - color: #a277ff !important; + color: #a277ff !important; } .token.variable { - color: #a277ff !important; + color: #a277ff !important; } .token.keyword { - color: #a277ff !important; + color: #a277ff !important; } .token.operator { - color: #a277ff !important; + color: #a277ff !important; } .token.attr-name { - color: #a277ff !important; + color: #a277ff !important; } .token.punctuation { - color: #a277ff !important; + color: #a277ff !important; } .token.constant { - color: #a277ff !important; + color: #a277ff !important; } .token.string { - color: #61ffca !important; + color: #61ffca !important; } .token.inserted { - color: #61ffca !important; + color: #61ffca !important; } .token.changed { - color: #ffca85 !important; + color: #ffca85 !important; } .token.function { - color: #ffca85 !important; + color: #ffca85 !important; } .token.deleted { - color: #ff6767 !important; + color: #ff6767 !important; } .token.builtin { - color: #ffca85 !important; + color: #ffca85 !important; } .token.property { - color: #ffca85 !important; + color: #ffca85 !important; } .token.comment { - color: #6d6d6d !important; + color: #6d6d6d !important; } .token.class-name { - color: #82e2ff !important; + color: #82e2ff !important; } .token.important, .token.bold { - font-weight: bold !important; + font-weight: bold !important; } .token.italic { - font-style: italic !important; + font-style: italic !important; } .language-bash { - color: #ffca85 !important; + color: #ffca85 !important; } .language-bash .token { - color: #ffca85 !important; - font-weight: 700 !important; + color: #ffca85 !important; + font-weight: 700 !important; } diff --git a/docs/style.css b/docs/style.css new file mode 100644 index 000000000..66bd30818 --- /dev/null +++ b/docs/style.css @@ -0,0 +1,3 @@ +.dark .bg-codeblock { + background-color: #15141b !important; +}