Fix various style issues

This commit is contained in:
mDuo13
2025-09-03 14:07:42 -07:00
parent 567aa74cc8
commit 16c2cdc399
3 changed files with 43 additions and 39 deletions

View File

@@ -166,18 +166,18 @@ ul.nav.navbar-nav {
--color-primary-text: #161087; --color-primary-text: #161087;
--color-primary-text-active: #0d086e;*/ --color-primary-text-active: #0d086e;*/
--link-color-primary: #fff; --link-color-primary: white;
--link-decoration: underline; --link-decoration: underline;
--link-font-weight: var(--font-weight-regular); --link-font-weight: var(--font-weight-regular);
--link-color-primary-hover: var(--color-purple-7) --link-color-primary-hover: var(--color-purple-7)
--link-decoration-hover: underline; --link-decoration-hover: underline;
--link-color-visited: #fff; --link-color-visited: white;
--link-visited-decoration: underline; --link-visited-decoration: underline;
--bg-color: var(--color-gray-10); --bg-color: var(--color-gray-10);
--bg-color-raised: var(--color-gray-8); --bg-color-raised: var(--color-gray-2);
--background-color: var(--bg-color); --background-color: var(--bg-color);
--font-family-base: 'Work Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; --font-family-base: 'Work Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
@@ -208,8 +208,8 @@ ul.nav.navbar-nav {
--border-radius-md: 4px; --border-radius-md: 4px;
--code-block-bg-color: #232325; --code-block-bg-color: var(--color-gray-2);
--code-block-controls-bg-color: #232325; --code-block-controls-bg-color: var(--color-gray-2);
--code-block-controls-border: none; --code-block-controls-border: none;
--code-block-padding: 0 2rem 1.5rem 2rem; --code-block-padding: 0 2rem 1.5rem 2rem;
@@ -223,13 +223,14 @@ ul.nav.navbar-nav {
--footer-border-color: transparent; --footer-border-color: transparent;
--footer-title-font-weight: 600; --footer-title-font-weight: 600;
--footer-title-font-size: 1rem; --footer-title-font-size: 1rem;
--footer-title-text-color: #A2A2A4; --footer-title-text-color: var(--color-gray-6);
--menu-item-padding-horizontal: 0px; --menu-item-padding-horizontal: 0px;
--md-list-left-padding: 40px; --md-list-left-padding: 40px;
--md-table-header-bg-color: #32343E; --md-list-margin: 0 0 20px 0;
--md-table-border-color: #32343E; --md-table-header-bg-color: var(--color-gray-3);
--md-table-border-color: var(--color-gray-3);
--md-tabs-content-padding: 0; --md-tabs-content-padding: 0;
--md-tabs-tab-wrapper-padding: 0; --md-tabs-tab-wrapper-padding: 0;
@@ -247,32 +248,33 @@ ul.nav.navbar-nav {
} }
:root.light { :root.light {
--link-color-primary-hover: #4A00B2; --link-color-primary-hover: var(--color-purple-4);
--link-color-visited: #000; --link-color-visited: black;
--text-color-secondary: #000; --text-color-secondary: black;
--code-block-bg-color: #E0E0E1; --code-block-bg-color: var(--color-gray-8);
--code-block-controls-bg-color: #E0E0E1; --code-block-controls-bg-color: var(--color-gray-8);
--code-block-controls-border: none; --code-block-controls-border: none;
--md-tabs-active-tab-bg-color: #C1C1C2; --md-tabs-active-tab-bg-color: var(--color-gray-7);
--inline-code-bg-color: #E0E0E1; --inline-code-bg-color: var(--color-gray-8);
--search-trigger-bg-color: #E0E0E1; --search-trigger-bg-color: var(--color-gray-8);
--search-trigger-color: #838386; --search-trigger-color: var(--color-gray-5);
--modal-bg-color: var(--color-gray-9);
--language-picker-border-color: #C1C1C2; --language-picker-border-color: var(--color-gray-7);
--language-picker-background-color: #E0E0E1; --language-picker-background-color: var(--color-gray-8);
--select-list-bg-color: #E0E0E1; --select-list-bg-color: var(--color-gray-8);
--footer-title-text-color: #000; --footer-title-text-color: black;
--bg-color: var(--color-gray-1); --bg-color: var(--color-gray-9);
--bg-color-raised: var(--color-gray-2); --bg-color-raised: var(--color-gray-8);
--button-content-color-link: #000; --button-content-color-link: black;
--md-table-header-bg-color: var(--color-gray-8); --md-table-header-bg-color: var(--color-gray-8);
--md-table-border-color: var(--color-gray-8); --md-table-border-color: var(--color-gray-8);
--bg-color: var(--color-gray-2); --bg-color: var(--color-gray-8);
--code-panel-bg-color: var(--color-blue-7); --code-panel-bg-color: var(--color-blue-7);
--layer-color-hover: var(--color-gray-9); --layer-color-hover: var(--color-gray-9);
@@ -295,12 +297,12 @@ ul.nav.navbar-nav {
} }
:root.dark { :root.dark {
--link-color-primary: #fff; --link-color-primary: white;
--link-color-visited: #fff; --link-color-visited: white;
--link-color-primary-hover: var(--color-purple-7); --link-color-primary-hover: var(--color-purple-7);
--navbar-bg-color: var(--color-gray-2); /* controls search box bg */ --navbar-bg-color: var(--color-gray-2); /* controls search box bg */
--modal-bg: var(--color-gray-2); /* controls search modal bg */ --modal-bg-color: var(--color-gray-2); /* controls search modal bg */
--search-highlight-text-color: var(--color-blue-7); --search-highlight-text-color: var(--color-blue-7);
--code-block-text-color: var(--color-gray-9); --code-block-text-color: var(--color-gray-9);
@@ -311,6 +313,7 @@ ul.nav.navbar-nav {
--code-panel-bg-color: var(--color-blue-3); --code-panel-bg-color: var(--color-blue-3);
--layer-color-hover: var(--color-gray-3); --layer-color-hover: var(--color-gray-3);
--bg-raised-gradient: "";
} }
:root .form-control-plaintext { :root .form-control-plaintext {

File diff suppressed because one or more lines are too long

View File

@@ -64,21 +64,22 @@
/* Some list items contain <p> tags, some don't. These styles make sure both /* Some list items contain <p> tags, some don't. These styles make sure both
kinds are spaced consistently. */ kinds are spaced consistently. */
li { > ul, > ol, .children-display {
margin: 6px; li {
margin-top: 24px; margin: 6px;
} margin-top: 24px;
li:first-child { }
margin-top: 16px; li:first-child {
} margin-top: 16px;
li p { }
margin: 0; li p {
margin: 0;
}
} }
[data-component-name="Markdoc/Tabs/Tabs"] li { [data-component-name="Markdoc/Tabs/Tabs"] li {
margin: 0; margin: 0;
} }
// "Source" links float right // "Source" links float right
a[title="Source"], a[title="Source"],
a[title="ソース"] { a[title="ソース"] {