diff --git a/docs/book.toml b/docs/book.toml index 325ff78ab2..bcc06b74a5 100644 --- a/docs/book.toml +++ b/docs/book.toml @@ -6,8 +6,8 @@ src = "src" title = "carapace-bin" [output.html] -default-theme = "Coal" -additional-css = ["asciinema/asciinema-player.css"] +default-theme = "Mocha" +additional-css = ["asciinema/asciinema-player.css", "./theme/catppuccin.css", "./theme/catppuccin-highlight.css"] additional-js = ["asciinema/asciinema-player.min.js", "asciinema/load.js"] #[output.linkcheck] diff --git a/docs/theme/catppuccin-highlight.css b/docs/theme/catppuccin-highlight.css new file mode 100644 index 0000000000..6c3c4fa6a6 --- /dev/null +++ b/docs/theme/catppuccin-highlight.css @@ -0,0 +1,359 @@ +.mocha code, +.mocha .hljs { + background: #181825; +} +.mocha code .hljs-attr, +.mocha code .hljs-string { + color: #a6e3a1; +} +.mocha code .hljs-tag { + color: #f38ba8; +} +.mocha code .hljs-name { + color: #f2cdcd; +} +.mocha pre .hljs { + background: #181825 !important; +} +.mocha pre .hljs-params { + color: #f38ba8 !important; +} +.mocha pre .hljs-built_in, +.mocha pre .hljs-selector-tag, +.mocha pre .hljs-section, +.mocha pre .hljs-link { + color: #74c7ec !important; +} +.mocha pre .hljs-keyword { + color: #cba6f7 !important; +} +.mocha pre .hljs, +.mocha pre .hljs-subst { + color: #a6adc8 !important; +} +.mocha pre .hljs-title { + color: #89b4fa !important; +} +.mocha pre .hljs-attr, +.mocha pre .hljs-meta-keyword { + color: #a6e3a1 !important; +} +.mocha pre .hljs-type { + color: #89b4fa !important; +} +.mocha pre .hljs-string { + color: #a6e3a1 !important; +} +.mocha pre .hljs-tag { + color: #f38ba8 !important; +} +.mocha pre .hljs-meta, +.mocha pre .hljs-name, +.mocha pre .hljs-symbol, +.mocha pre .hljs-bullet, +.mocha pre .hljs-addition, +.mocha pre .hljs-variable, +.mocha pre .hljs-template-tag, +.mocha pre .hljs-template-variable { + color: #f2cdcd !important; +} +.mocha pre .hljs-addition { + background-color: #181825 !important; + color: #a6e3a1 !important; +} +.mocha pre .hljs-deletion { + background-color: #181825 !important; + color: #f38ba8 !important; +} +.mocha pre .hljs-comment, +.mocha pre .hljs-quote { + color: #585b70 !important; +} +.mocha pre .hljs-keyword, +.mocha pre .hljs-selector-tag, +.mocha pre .hljs-literal, +.mocha pre .hljs-title, +.mocha pre .hljs-section, +.mocha pre .hljs-doctag, +.mocha pre .hljs-type, +.mocha pre .hljs-name, +.mocha pre .hljs-strong { + font-weight: bold !important; +} +.mocha pre .hljs-literal, +.mocha pre .hljs-number { + color: #fab387 !important; +} +.mocha pre .hljs-emphasis { + font-style: italic !important; +} + +.macchiato code, +.macchiato .hljs { + background: #1e2030; +} +.macchiato code .hljs-attr, +.macchiato code .hljs-string { + color: #a6da95; +} +.macchiato code .hljs-tag { + color: #ed8796; +} +.macchiato code .hljs-name { + color: #f0c6c6; +} +.macchiato pre .hljs { + background: #1e2030 !important; +} +.macchiato pre .hljs-params { + color: #ed8796 !important; +} +.macchiato pre .hljs-built_in, +.macchiato pre .hljs-selector-tag, +.macchiato pre .hljs-section, +.macchiato pre .hljs-link { + color: #7dc4e4 !important; +} +.macchiato pre .hljs-keyword { + color: #c6a0f6 !important; +} +.macchiato pre .hljs, +.macchiato pre .hljs-subst { + color: #a5adcb !important; +} +.macchiato pre .hljs-title { + color: #8aadf4 !important; +} +.macchiato pre .hljs-attr, +.macchiato pre .hljs-meta-keyword { + color: #a6da95 !important; +} +.macchiato pre .hljs-type { + color: #8aadf4 !important; +} +.macchiato pre .hljs-string { + color: #a6da95 !important; +} +.macchiato pre .hljs-tag { + color: #ed8796 !important; +} +.macchiato pre .hljs-meta, +.macchiato pre .hljs-name, +.macchiato pre .hljs-symbol, +.macchiato pre .hljs-bullet, +.macchiato pre .hljs-addition, +.macchiato pre .hljs-variable, +.macchiato pre .hljs-template-tag, +.macchiato pre .hljs-template-variable { + color: #f0c6c6 !important; +} +.macchiato pre .hljs-addition { + background-color: #1e2030 !important; + color: #a6da95 !important; +} +.macchiato pre .hljs-deletion { + background-color: #1e2030 !important; + color: #ed8796 !important; +} +.macchiato pre .hljs-comment, +.macchiato pre .hljs-quote { + color: #5b6078 !important; +} +.macchiato pre .hljs-keyword, +.macchiato pre .hljs-selector-tag, +.macchiato pre .hljs-literal, +.macchiato pre .hljs-title, +.macchiato pre .hljs-section, +.macchiato pre .hljs-doctag, +.macchiato pre .hljs-type, +.macchiato pre .hljs-name, +.macchiato pre .hljs-strong { + font-weight: bold !important; +} +.macchiato pre .hljs-literal, +.macchiato pre .hljs-number { + color: #f5a97f !important; +} +.macchiato pre .hljs-emphasis { + font-style: italic !important; +} + +.frappe code, +.frappe .hljs { + background: #292c3c; +} +.frappe code .hljs-attr, +.frappe code .hljs-string { + color: #a6d189; +} +.frappe code .hljs-tag { + color: #e78284; +} +.frappe code .hljs-name { + color: #eebebe; +} +.frappe pre .hljs { + background: #292c3c !important; +} +.frappe pre .hljs-params { + color: #e78284 !important; +} +.frappe pre .hljs-built_in, +.frappe pre .hljs-selector-tag, +.frappe pre .hljs-section, +.frappe pre .hljs-link { + color: #85c1dc !important; +} +.frappe pre .hljs-keyword { + color: #ca9ee6 !important; +} +.frappe pre .hljs, +.frappe pre .hljs-subst { + color: #a5adce !important; +} +.frappe pre .hljs-title { + color: #8caaee !important; +} +.frappe pre .hljs-attr, +.frappe pre .hljs-meta-keyword { + color: #a6d189 !important; +} +.frappe pre .hljs-type { + color: #8caaee !important; +} +.frappe pre .hljs-string { + color: #a6d189 !important; +} +.frappe pre .hljs-tag { + color: #e78284 !important; +} +.frappe pre .hljs-meta, +.frappe pre .hljs-name, +.frappe pre .hljs-symbol, +.frappe pre .hljs-bullet, +.frappe pre .hljs-addition, +.frappe pre .hljs-variable, +.frappe pre .hljs-template-tag, +.frappe pre .hljs-template-variable { + color: #eebebe !important; +} +.frappe pre .hljs-addition { + background-color: #292c3c !important; + color: #a6d189 !important; +} +.frappe pre .hljs-deletion { + background-color: #292c3c !important; + color: #e78284 !important; +} +.frappe pre .hljs-comment, +.frappe pre .hljs-quote { + color: #626880 !important; +} +.frappe pre .hljs-keyword, +.frappe pre .hljs-selector-tag, +.frappe pre .hljs-literal, +.frappe pre .hljs-title, +.frappe pre .hljs-section, +.frappe pre .hljs-doctag, +.frappe pre .hljs-type, +.frappe pre .hljs-name, +.frappe pre .hljs-strong { + font-weight: bold !important; +} +.frappe pre .hljs-literal, +.frappe pre .hljs-number { + color: #ef9f76 !important; +} +.frappe pre .hljs-emphasis { + font-style: italic !important; +} + +.latte code, +.latte .hljs { + background: #e6e9ef; +} +.latte code .hljs-attr, +.latte code .hljs-string { + color: #40a02b; +} +.latte code .hljs-tag { + color: #d20f39; +} +.latte code .hljs-name { + color: #dd7878; +} +.latte pre .hljs { + background: #e6e9ef !important; +} +.latte pre .hljs-params { + color: #d20f39 !important; +} +.latte pre .hljs-built_in, +.latte pre .hljs-selector-tag, +.latte pre .hljs-section, +.latte pre .hljs-link { + color: #209fb5 !important; +} +.latte pre .hljs-keyword { + color: #8839ef !important; +} +.latte pre .hljs, +.latte pre .hljs-subst { + color: #6c6f85 !important; +} +.latte pre .hljs-title { + color: #1e66f5 !important; +} +.latte pre .hljs-attr, +.latte pre .hljs-meta-keyword { + color: #40a02b !important; +} +.latte pre .hljs-type { + color: #1e66f5 !important; +} +.latte pre .hljs-string { + color: #40a02b !important; +} +.latte pre .hljs-tag { + color: #d20f39 !important; +} +.latte pre .hljs-meta, +.latte pre .hljs-name, +.latte pre .hljs-symbol, +.latte pre .hljs-bullet, +.latte pre .hljs-addition, +.latte pre .hljs-variable, +.latte pre .hljs-template-tag, +.latte pre .hljs-template-variable { + color: #dd7878 !important; +} +.latte pre .hljs-addition { + background-color: #e6e9ef !important; + color: #40a02b !important; +} +.latte pre .hljs-deletion { + background-color: #e6e9ef !important; + color: #d20f39 !important; +} +.latte pre .hljs-comment, +.latte pre .hljs-quote { + color: #acb0be !important; +} +.latte pre .hljs-keyword, +.latte pre .hljs-selector-tag, +.latte pre .hljs-literal, +.latte pre .hljs-title, +.latte pre .hljs-section, +.latte pre .hljs-doctag, +.latte pre .hljs-type, +.latte pre .hljs-name, +.latte pre .hljs-strong { + font-weight: bold !important; +} +.latte pre .hljs-literal, +.latte pre .hljs-number { + color: #fe640b !important; +} +.latte pre .hljs-emphasis { + font-style: italic !important; +} diff --git a/docs/theme/catppuccin.css b/docs/theme/catppuccin.css new file mode 100644 index 0000000000..f577fd8b4d --- /dev/null +++ b/docs/theme/catppuccin.css @@ -0,0 +1,123 @@ +.mocha { + --bg: #1e1e2e; + --fg: #cdd6f4; + --sidebar-bg: #181825; + --sidebar-fg: #cdd6f4; + --sidebar-non-existant: #6c7086; + --sidebar-active: #f5e0dc; + --sidebar-spacer: #6c7086; + --scrollbar: #6c7086; + --icons: #6c7086; + --icons-hover: #7f849c; + --links: #89b4fa; + --inline-code-color: #fab387; + --theme-popup-bg: #181825; + --theme-popup-border: #6c7086; + --theme-hover: #6c7086; + --quote-bg: #181825; + --quote-border: #11111b; + --table-border-color: #11111b; + --table-header-bg: #181825; + --table-alternate-bg: #11111b; + --searchbar-border-color: #11111b; + --searchbar-bg: #181825; + --searchbar-fg: #cdd6f4; + --searchbar-shadow-color: #11111b; + --searchresults-header-fg: #cdd6f4; + --searchresults-border-color: #11111b; + --searchresults-li-bg: #1e1e2e; + --search-mark-bg: #fab387; +} + +.macchiato { + --bg: #24273a; + --fg: #cad3f5; + --sidebar-bg: #1e2030; + --sidebar-fg: #cad3f5; + --sidebar-non-existant: #6e738d; + --sidebar-active: #f4dbd6; + --sidebar-spacer: #6e738d; + --scrollbar: #6e738d; + --icons: #6e738d; + --icons-hover: #8087a2; + --links: #8aadf4; + --inline-code-color: #f5a97f; + --theme-popup-bg: #1e2030; + --theme-popup-border: #6e738d; + --theme-hover: #6e738d; + --quote-bg: #1e2030; + --quote-border: #181926; + --table-border-color: #181926; + --table-header-bg: #1e2030; + --table-alternate-bg: #181926; + --searchbar-border-color: #181926; + --searchbar-bg: #1e2030; + --searchbar-fg: #cad3f5; + --searchbar-shadow-color: #181926; + --searchresults-header-fg: #cad3f5; + --searchresults-border-color: #181926; + --searchresults-li-bg: #24273a; + --search-mark-bg: #f5a97f; +} + +.frappe { + --bg: #303446; + --fg: #c6d0f5; + --sidebar-bg: #292c3c; + --sidebar-fg: #c6d0f5; + --sidebar-non-existant: #737994; + --sidebar-active: #f2d5cf; + --sidebar-spacer: #737994; + --scrollbar: #737994; + --icons: #737994; + --icons-hover: #838ba7; + --links: #8caaee; + --inline-code-color: #ef9f76; + --theme-popup-bg: #292c3c; + --theme-popup-border: #737994; + --theme-hover: #737994; + --quote-bg: #292c3c; + --quote-border: #232634; + --table-border-color: #232634; + --table-header-bg: #292c3c; + --table-alternate-bg: #232634; + --searchbar-border-color: #232634; + --searchbar-bg: #292c3c; + --searchbar-fg: #c6d0f5; + --searchbar-shadow-color: #232634; + --searchresults-header-fg: #c6d0f5; + --searchresults-border-color: #232634; + --searchresults-li-bg: #303446; + --search-mark-bg: #ef9f76; +} + +.latte { + --bg: #eff1f5; + --fg: #4c4f69; + --sidebar-bg: #e6e9ef; + --sidebar-fg: #4c4f69; + --sidebar-non-existant: #9ca0b0; + --sidebar-active: #dc8a78; + --sidebar-spacer: #9ca0b0; + --scrollbar: #9ca0b0; + --icons: #9ca0b0; + --icons-hover: #8c8fa1; + --links: #1e66f5; + --inline-code-color: #fe640b; + --theme-popup-bg: #e6e9ef; + --theme-popup-border: #9ca0b0; + --theme-hover: #9ca0b0; + --quote-bg: #e6e9ef; + --quote-border: #dce0e8; + --table-border-color: #dce0e8; + --table-header-bg: #e6e9ef; + --table-alternate-bg: #dce0e8; + --searchbar-border-color: #dce0e8; + --searchbar-bg: #e6e9ef; + --searchbar-fg: #4c4f69; + --searchbar-shadow-color: #dce0e8; + --searchresults-header-fg: #4c4f69; + --searchresults-border-color: #dce0e8; + --searchresults-li-bg: #eff1f5; + --search-mark-bg: #fe640b; +} diff --git a/docs/theme/index.hbs b/docs/theme/index.hbs new file mode 100644 index 0000000000..69ad4305b4 --- /dev/null +++ b/docs/theme/index.hbs @@ -0,0 +1,318 @@ + + +
+ + +