Penpot/penpot-plugins
0
Fork 0
mirror of https://github.com/penpot/penpot-plugins.git synced 2025-01-04 13:50:13 -05:00
Code Issues Activity

feat(docs): basic css theme for typedoc

Browse source
This commit is contained in:
Juanfran 2024-07-31 08:52:10 +02:00
parent 570e9d7220
commit 0eac44dd93
2 changed files with 44 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
package.json
View file

@ -23,7 +23,7 @@
"test": "nx run-many -t test --parallel -p plugins-runtime lorem-ipsum-plugin",
"registry": "nx local-registry",
"prepare": "husky",
"create:api-docs": "npx typedoc --tsconfig libs/plugins-runtime/tsconfig.lib.json",
"create:api-docs": "npx typedoc --tsconfig libs/plugins-runtime/tsconfig.lib.json --customCss ./tools/typedoc.css",
"release": "npx tsx ./tools/scripts/publish.ts"
},
"private": true,

43
tools/typedoc.css Normal file
View file

@ -0,0 +1,43 @@
:root {
/* Light */
--light-color-background: #ffffff;
--light-color-background-secondary: #e8eaee;
--light-color-warning-text: #000000;
--light-color-background-warning: #fff4ed;
--light-color-icon-background: var(--light-color-background);
--light-color-accent: #e1d2f5;
--light-color-active-menu-item: var(--light-color-accent);
--light-color-text: var(--light-color-warning-text);
--light-color-text-aside: #495e74;
--light-color-link: #1345aa;
/* highlight.css */
--light-code-background: #f3f4f6;
/* Dark */
--dark-color-background: #18181a;
--dark-color-background-secondary: #000000;
--dark-color-background-warning: #fff4ed;
--dark-color-warning-text: #ffffff;
--dark-color-icon-background: var(--dark-color-background-secondary);
--dark-color-accent: #426158;
--dark-color-active-menu-item: #2e3434;
--dark-color-text: var(--dark-color-warning-text);
--dark-color-text-aside: #8f9da3;
--dark-color-link: #7efff5;
/* highlight.css */
--dark-code-background: #212426;
}
@media (prefers-color-scheme: light) {
:root {
--code-background: var(--light-code-background);
}
}
@media (prefers-color-scheme: dark) {
:root {
--code-background: var(--dark-code-background);
}
}