Skip to content
This repository has been archived by the owner on Nov 22, 2023. It is now read-only.

Commit

Permalink
fix: styling
Browse files Browse the repository at this point in the history
  • Loading branch information
einaralex committed Oct 27, 2023
1 parent e3f8313 commit c48bf4f
Show file tree
Hide file tree
Showing 2 changed files with 48 additions and 47 deletions.
2 changes: 1 addition & 1 deletion configs/typedoc.json
Original file line number Diff line number Diff line change
Expand Up @@ -22,5 +22,5 @@
},
"entryPointStrategy": "expand",
"plugin": ["typedoc-theme-hierarchy"],
"theme": "hierarchy",
"theme": "hierarchy"
}
93 changes: 47 additions & 46 deletions src/styles/typedoc.css
Original file line number Diff line number Diff line change
Expand Up @@ -10,18 +10,20 @@
table {
border-collapse: collapse;
}
table, th, td {
table,
th,
td {
border: 1px solid;
}
th, td {
th,
td {
padding: 2px 10px;
}

h4 {
padding: 40px 0 20px;
}

s
:root {
/* Light */
--light-color-background: #f2f4f8;
Expand All @@ -46,7 +48,7 @@ s

/* Dark */
--dark-color-background: #2b2e33;
--dark-color-background-secondary: #21202B;
--dark-color-background-secondary: #21202b;
--dark-color-background-warning: #bebe00;
--dark-color-warning-text: #222;
--dark-color-icon-background: var(--dark-color-background-secondary);
Expand All @@ -68,63 +70,62 @@ s

@media (prefers-color-scheme: light) {
:root {
--color-background: var(--light-color-background);
--color-background-secondary: var(--light-color-background-secondary);
--color-background-warning: var(--light-color-background-warning);
--color-warning-text: var(--light-color-warning-text);
--color-icon-background: var(--light-color-icon-background);
--color-accent: var(--light-color-accent);
--color-text: var(--light-color-text);
--color-text-aside: var(--light-color-text-aside);
--color-link: var(--light-color-link);
--color-ts: var(--light-color-ts);
--color-ts-interface: var(--light-color-ts-interface);
--color-ts-enum: var(--light-color-ts-enum);
--color-ts-class: var(--light-color-ts-class);
--color-ts-function: var(--light-color-ts-function);
--color-ts-namespace: var(--light-color-ts-namespace);
--color-ts-private: var(--light-color-ts-private);
--color-ts-variable: var(--light-color-ts-variable);
--external-icon: var(--light-external-icon);
--color-scheme: var(--light-color-scheme);
--color-background: var(--light-color-background);
--color-background-secondary: var(--light-color-background-secondary);
--color-background-warning: var(--light-color-background-warning);
--color-warning-text: var(--light-color-warning-text);
--color-icon-background: var(--light-color-icon-background);
--color-accent: var(--light-color-accent);
--color-text: var(--light-color-text);
--color-text-aside: var(--light-color-text-aside);
--color-link: var(--light-color-link);
--color-ts: var(--light-color-ts);
--color-ts-interface: var(--light-color-ts-interface);
--color-ts-enum: var(--light-color-ts-enum);
--color-ts-class: var(--light-color-ts-class);
--color-ts-function: var(--light-color-ts-function);
--color-ts-namespace: var(--light-color-ts-namespace);
--color-ts-private: var(--light-color-ts-private);
--color-ts-variable: var(--light-color-ts-variable);
--external-icon: var(--light-external-icon);
--color-scheme: var(--light-color-scheme);
}
}

@media (prefers-color-scheme: dark) {
:root {
--color-background: var(--dark-color-background);
--color-background-secondary: var(--dark-color-background-secondary);
--color-background-warning: var(--dark-color-background-warning);
--color-warning-text: var(--dark-color-warning-text);
--color-icon-background: var(--dark-color-icon-background);
--color-accent: var(--dark-color-accent);
--color-text: var(--dark-color-text);
--color-text-aside: var(--dark-color-text-aside);
--color-link: var(--dark-color-link);
--color-ts: var(--dark-color-ts);
--color-ts-interface: var(--dark-color-ts-interface);
--color-ts-enum: var(--dark-color-ts-enum);
--color-ts-class: var(--dark-color-ts-class);
--color-ts-function: var(--dark-color-ts-function);
--color-ts-namespace: var(--dark-color-ts-namespace);
--color-ts-private: var(--dark-color-ts-private);
--color-ts-variable: var(--dark-color-ts-variable);
--external-icon: var(--dark-external-icon);
--color-scheme: var(--dark-color-scheme);
--color-background: var(--dark-color-background);
--color-background-secondary: var(--dark-color-background-secondary);
--color-background-warning: var(--dark-color-background-warning);
--color-warning-text: var(--dark-color-warning-text);
--color-icon-background: var(--dark-color-icon-background);
--color-accent: var(--dark-color-accent);
--color-text: var(--dark-color-text);
--color-text-aside: var(--dark-color-text-aside);
--color-link: var(--dark-color-link);
--color-ts: var(--dark-color-ts);
--color-ts-interface: var(--dark-color-ts-interface);
--color-ts-enum: var(--dark-color-ts-enum);
--color-ts-class: var(--dark-color-ts-class);
--color-ts-function: var(--dark-color-ts-function);
--color-ts-namespace: var(--dark-color-ts-namespace);
--color-ts-private: var(--dark-color-ts-private);
--color-ts-variable: var(--dark-color-ts-variable);
--external-icon: var(--dark-external-icon);
--color-scheme: var(--dark-color-scheme);
}
}

html {
color-scheme: var(--color-scheme);

}

body {
margin: 0;
font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

:root[data-theme="light"] {
:root[data-theme='light'] {
--color-background: var(--light-color-background);
--color-background-secondary: var(--light-color-background-secondary);
--color-background-warning: var(--light-color-background-warning);
Expand All @@ -146,7 +147,7 @@ body {
--color-scheme: var(--light-color-scheme);
}

:root[data-theme="dark"] {
:root[data-theme='dark'] {
--color-background: var(--dark-color-background);
--color-background-secondary: var(--dark-color-background-secondary);
--color-background-warning: var(--dark-color-background-warning);
Expand Down

0 comments on commit c48bf4f

Please sign in to comment.