-
Notifications
You must be signed in to change notification settings - Fork 5
style: define custom theme #41
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Merged
Merged
Changes from all commits
Commits
Show all changes
12 commits
Select commit
Hold shift + click to select a range
f03b116
style: add custom typedoc theme matching exodus design
sripwoud 1b12758
style: fix inline code styling for dark theme
sripwoud 4d4ebe4
style: simplify theme to single dark mode
sripwoud 79be4ee
style: hide theme switcher - dark mode only
sripwoud 99b482f
style: add purple glow effect and improve theme contrast
sripwoud a5c8053
style: enhance purple glow and fix header background
sripwoud 18aede9
revert
sripwoud 53183d9
style: organize theme into modular CSS files
sripwoud c2dfa31
style: revert XO logo to plain version without circle
sripwoud 4f9dd28
remove package-lock.json
sripwoud 3706116
chore: copy styles assets in `typedoc` script
sripwoud e61770d
format css
sripwoud File filter
Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,20 @@ | ||
| /* CSS Variables and Base Settings */ | ||
| @import "./styles/variables.css"; | ||
|
|
||
| /* Layout and Background */ | ||
| @import "./styles/layout.css"; | ||
|
|
||
| /* Header and Navigation */ | ||
| @import "./styles/header.css"; | ||
|
|
||
| /* Typography */ | ||
| @import "./styles/typography.css"; | ||
|
|
||
| /* Links and Navigation */ | ||
| @import "./styles/links.css"; | ||
|
|
||
| /* Panels and Containers */ | ||
| @import "./styles/panels.css"; | ||
|
|
||
| /* Code Blocks and Syntax Highlighting */ | ||
| @import "./styles/code.css"; |
Binary file not shown.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,28 @@ | ||
| @layer typedoc { | ||
| code { | ||
| background: #27272a !important; | ||
| color: #e3e7fb; | ||
| padding: 0.15em 0.35em; | ||
| border-radius: 0.25rem; | ||
| font-size: 0.9em; | ||
| } | ||
|
|
||
| pre { | ||
| background: #000000 !important; | ||
| border: 1px solid #3f3f46 !important; | ||
| border-radius: 0.5rem !important; | ||
| padding: 1.25rem !important; | ||
| margin: 1.25rem 0 !important; | ||
| overflow-x: auto; | ||
| line-height: 1.6; | ||
| } | ||
|
|
||
| pre code { | ||
| background: transparent !important; | ||
| color: #e3e7fb !important; | ||
| padding: 0 !important; | ||
| display: block; | ||
| font-size: 0.875rem; | ||
| font-family: "Consolas", "Monaco", "Courier New", monospace; | ||
| } | ||
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,48 @@ | ||
| @layer typedoc { | ||
| header, | ||
| .tsd-page-toolbar, | ||
| .tsd-header { | ||
| background: #000000 !important; | ||
| border-bottom: 1px solid #3f3f46; | ||
| } | ||
|
|
||
| .title { | ||
| display: flex !important; | ||
| align-items: center !important; | ||
| gap: 0 !important; | ||
| } | ||
|
|
||
| .title::before { | ||
| content: ""; | ||
| display: inline-block; | ||
| width: calc(24px + 0.75rem + 1px + 0.75rem); | ||
| height: 24px; | ||
| background-image: | ||
| url("data:image/svg+xml;utf8,<svg width=\"36\" height=\"36\" viewBox=\"0 0 36 36\" fill=\"%23a1a1aa\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M25.035 13.881C24.3865 13.5724 23.7037 13.4141 22.9867 13.4113C22.1706 13.4077 21.8042 13.4084 21.0338 13.4127C20.9012 13.4134 20.7202 13.494 20.6311 13.5916C19.304 15.0477 17.9805 16.5074 16.6555 17.9663C16.5871 18.0419 16.518 18.1174 16.4438 18.1987C16.3989 18.2478 16.3989 18.3241 16.4438 18.3733C16.7482 18.7054 17.0432 19.0283 17.3383 19.3504C18.448 20.5621 19.557 21.7737 20.6703 22.9825C20.7366 23.0545 20.8713 23.1136 20.9689 23.1143C21.7679 23.12 22.1136 23.1222 22.9346 23.1172C25.3565 23.1022 27.3371 21.4159 27.742 19.0276C28.0969 16.935 26.9751 14.8025 25.035 13.881ZM22.6759 21.1379C21.0872 21.1379 19.8001 19.85 19.8001 18.2621C19.8001 16.6741 21.088 15.3862 22.6759 15.3862C24.2639 15.3862 25.5518 16.6741 25.5518 18.2621C25.5518 19.85 24.2639 21.1379 22.6759 21.1379Z\"/><path d=\"M15.5081 18.3426C15.4788 18.3105 15.4788 18.2621 15.5081 18.23C16.9029 16.6934 18.2913 15.1639 19.6953 13.6172C19.7645 13.541 19.7117 13.4177 19.6084 13.4162C19.4117 13.4134 17.7446 13.4091 16.7461 13.4148C16.6798 13.4148 16.5964 13.4576 16.5508 13.5075C15.6891 14.4476 14.8317 15.3912 13.9736 16.3341C13.9572 16.3527 13.9401 16.3705 13.9158 16.3954C13.8773 16.4354 13.8096 16.4289 13.7833 16.3805C13.7733 16.3627 13.7626 16.3463 13.7498 16.332C12.903 15.3955 12.0542 14.4632 11.2096 13.5267C11.1355 13.4448 11.0628 13.407 10.9495 13.407C9.97944 13.412 9.00871 13.4098 8.03797 13.4098H8.03655C7.96385 13.4098 7.92608 13.4961 7.97525 13.5502C8.30952 13.918 8.62312 14.2644 8.93743 14.6101C10.0186 15.8003 11.0984 16.9913 12.1818 18.1787C12.2559 18.2599 12.2595 18.3091 12.1818 18.3932C10.8155 19.8785 9.45202 21.3674 8.08786 22.8556C8.04724 22.8998 8.00733 22.9447 7.96314 22.9939C7.92322 23.0388 7.95458 23.1107 8.01517 23.1107C8.02158 23.1107 8.02799 23.1107 8.03441 23.1107C9.02795 23.1107 10.0058 23.115 10.9994 23.1207C11.1112 23.1207 11.1768 23.0751 11.2452 22.9996C12.092 22.0652 12.9408 21.1322 13.789 20.1985C13.8103 20.175 13.8246 20.1451 13.8503 20.1052C14.0669 20.3418 14.2636 20.5549 14.4582 20.7687C15.146 21.5235 15.8323 22.279 16.523 23.0309C16.5615 23.073 16.6292 23.1129 16.6833 23.1136C17.7182 23.1186 18.6405 23.1172 19.6754 23.1164C19.6853 23.1164 19.7331 23.1165 19.7844 23.115C19.8258 23.1143 19.8464 23.0651 19.8186 23.0352C18.3796 21.4651 16.9413 19.9049 15.5095 18.3419L15.5081 18.3426Z\"/></svg>"), | ||
| linear-gradient( | ||
| to right, | ||
| transparent calc(24px + 0.75rem - 0.5px), | ||
| rgba(161, 161, 170, 0.3) calc(24px + 0.75rem - 0.5px), | ||
| rgba(161, 161, 170, 0.3) calc(24px + 0.75rem + 0.5px), | ||
| transparent calc(24px + 0.75rem + 0.5px) | ||
| ); | ||
| background-size: 24px 24px, 100% 20px; | ||
| background-position: left center, left center; | ||
| background-repeat: no-repeat; | ||
| margin-right: 0.75rem; | ||
| flex-shrink: 0; | ||
| } | ||
|
|
||
| .title span { | ||
| color: #e3e7fb !important; | ||
| font-size: 1rem !important; | ||
| font-weight: 500 !important; | ||
| line-height: 24px !important; | ||
| } | ||
|
|
||
| .title span { | ||
| color: #e3e7fb !important; | ||
| font-size: 1rem !important; | ||
| font-weight: 500 !important; | ||
| } | ||
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,45 @@ | ||
| @layer typedoc { | ||
| html { | ||
| background: #000000 !important; | ||
| } | ||
|
|
||
| body { | ||
| position: relative; | ||
| overflow-x: hidden; | ||
| font-family: "Inter", system-ui, "Roboto", "Segoe UI", sans-serif; | ||
| background: #000000 !important; | ||
| } | ||
|
|
||
| body::before { | ||
| content: ""; | ||
| position: fixed; | ||
| bottom: -20%; | ||
| left: 50%; | ||
| transform: translateX(-50%); | ||
| width: 200%; | ||
| height: 90vh; | ||
| z-index: 0; | ||
| background: radial-gradient( | ||
| ellipse at center, | ||
| rgba(131, 103, 231, 0.5) 0%, | ||
| rgba(96, 66, 199, 0.35) 25%, | ||
| rgba(131, 103, 231, 0.15) 45%, | ||
| transparent 70% | ||
| ); | ||
| pointer-events: none; | ||
| } | ||
|
|
||
| .tsd-page-content, | ||
| main, | ||
| .container { | ||
| position: relative; | ||
| z-index: 1; | ||
| } | ||
|
|
||
| .container, | ||
| .container-fluid, | ||
| .tsd-page-content, | ||
| main { | ||
| background: transparent !important; | ||
| } | ||
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,23 @@ | ||
| @layer typedoc { | ||
| a { | ||
| color: #8367e7 !important; | ||
| } | ||
|
|
||
| a:hover { | ||
| color: #b19dff !important; | ||
| } | ||
|
|
||
| .tsd-navigation a, | ||
| .tsd-navigation a:visited { | ||
| color: #e3e7fb !important; | ||
| } | ||
|
|
||
| .tsd-navigation a:hover, | ||
| .tsd-navigation a.current { | ||
| color: #b19dff !important; | ||
| } | ||
|
|
||
| .tsd-kind-icon { | ||
| color: inherit !important; | ||
| } | ||
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,14 @@ | ||
| @layer typedoc { | ||
| .tsd-panel { | ||
| border-color: #3f3f46; | ||
| } | ||
|
|
||
| .tsd-signature { | ||
| border-color: #3f3f46; | ||
| } | ||
|
|
||
| .tsd-theme-toggle, | ||
| .tsd-navigation.settings { | ||
| display: none !important; | ||
| } | ||
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,10 @@ | ||
| @layer typedoc { | ||
| h1, | ||
| h2, | ||
| h3, | ||
| h4, | ||
| h5, | ||
| h6 { | ||
| font-family: "Eudoxus Sans", system-ui, "Roboto", "Segoe UI", sans-serif; | ||
| } | ||
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,52 @@ | ||
| @layer typedoc { | ||
| :root { | ||
| --color-background: #000000; | ||
| --color-background-secondary: #000000; | ||
| --color-background-active: #27272a; | ||
| --color-background-warning: #ebd43e; | ||
| --color-warning-text: #111111; | ||
| --color-accent: #3f3f46; | ||
| --color-active-menu-item: #27272a; | ||
| --color-text: #e3e7fb; | ||
| --color-contrast-text: #ffffff; | ||
| --color-text-aside: #a1a1aa; | ||
| --color-icon-background: #111111; | ||
| --color-icon-text: #e3e7fb; | ||
| --color-comment-tag-text: #e3e7fb; | ||
| --color-comment-tag: #27272a; | ||
| --color-link: #8367e7; | ||
| --color-focus-outline: #b19dff; | ||
| --color-ts-keyword: #b19dff; | ||
| --color-ts-project: #8367e7; | ||
| --color-ts-module: #8367e7; | ||
| --color-ts-namespace: #8367e7; | ||
| --color-ts-enum: #ebd43e; | ||
| --color-ts-enum-member: #ebd43e; | ||
| --color-ts-variable: #3ec7eb; | ||
| --color-ts-function: #2ecf95; | ||
| --color-ts-class: #8367e7; | ||
| --color-ts-interface: #2ecf95; | ||
| --color-ts-constructor: #8367e7; | ||
| --color-ts-property: #eb7c3e; | ||
| --color-ts-method: #b19dff; | ||
| --color-ts-reference: #8367e7; | ||
| --color-ts-call-signature: #b19dff; | ||
| --color-ts-index-signature: #eb7c3e; | ||
| --color-ts-constructor-signature: #8367e7; | ||
| --color-ts-parameter: #3ec7eb; | ||
| --color-ts-type-parameter: #eb7c3e; | ||
| --color-ts-accessor: #eb7c3e; | ||
| --color-ts-get-signature: #eb7c3e; | ||
| --color-ts-set-signature: #eb7c3e; | ||
| --color-ts-type-alias: #8367e7; | ||
| --color-document: #e3e7fb; | ||
| --color-alert-note: #3ec7eb; | ||
| --color-alert-tip: #2ecf95; | ||
| --color-alert-important: #8367e7; | ||
| --color-alert-warning: #ebd43e; | ||
| --color-alert-caution: #eb7c3e; | ||
| --external-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='10' height='10'><path fill-opacity='0' stroke='%23e3e7fb' stroke-width='10' d='m43,35H5v60h60V57M45,5v10l10,10-30,30 20,20 30-30 10,10h10V5z'/></svg>"); | ||
| color-scheme: dark; | ||
| --code-background: #000000; | ||
| } | ||
| } |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
i removed the change in the deps that included stuff to watch changes during local dev.
However we must update this script to copy files. Otherwise they wont be applied.
Or do you really want this change in package.json to be separate: meaning merging this first style PR will not applied all styles correctly. It would just look like the default typedoc dark theme.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
copying files is fine, thanks!