-----BEGIN SSH SIGNATURE-----
U1NIU0lHAAAAAQAAADMAAAALc3NoLWVkMjU1MTkAAAAgBTEvCQk6VqUAdN2RuH6bj1dNkY
oOpbPWj+jw4ua1B1cAAAADZ2l0AAAAAAAAAAZzaGE1MTIAAABTAAAAC3NzaC1lZDI1NTE5
AAAAQK2CgRSTixZ6mrUQTdMNZafLLTS3QGPxabfuiCAq+7q2sY6Y7z4AcTO4AKTilkcXKw
vKx3Kb5rXidikz2M4dWww=
-----END SSH SIGNATURE-----
diff --git a/flake.lock b/flake.lock
new file mode 100644
index 0000000000000000000000000000000000000000..b661afae8a514851e6a5bcc172db0ebe9d7c237b
--- /dev/null
+++ b/flake.lock
@@ -0,0 +1,69 @@
+{
+ "nodes": {
+ "nixpkgs": {
+ "locked": {
+ "lastModified": 1728217273,
+ "narHash": "sha256-p/gvyVf24WFs0bted3c71uSQk++ZOYRWbg3bjRoePu4=",
+ "owner": "nixos",
+ "repo": "nixpkgs",
+ "rev": "50b3bd3fed0442bcbf7f58355e990da84af1749d",
+ "type": "github"
+ },
+ "original": {
+ "owner": "nixos",
+ "ref": "nixpkgs-unstable",
+ "repo": "nixpkgs",
+ "type": "github"
+ }
+ },
+ "root": {
+ "inputs": {
+ "nixpkgs": "nixpkgs",
+ "tailwind-ctp": "tailwind-ctp",
+ "tailwind-ctp-lsp": "tailwind-ctp-lsp"
+ }
+ },
+ "tailwind-ctp": {
+ "inputs": {
+ "nixpkgs": [
+ "nixpkgs"
+ ]
+ },
+ "locked": {
+ "lastModified": 1695841587,
+ "narHash": "sha256-fgiZd5AV+hi8Ne0bJ8SyAx5nppseW4aXJQEIDSr0VNA=",
+ "ref": "refs/heads/main",
+ "rev": "afca060674b20e0ccecde2d6fe88c887790219a5",
+ "revCount": 1,
+ "type": "git",
+ "url": "https://git.jolheiser.com/tailwind-ctp"
+ },
+ "original": {
+ "type": "git",
+ "url": "https://git.jolheiser.com/tailwind-ctp"
+ }
+ },
+ "tailwind-ctp-lsp": {
+ "inputs": {
+ "nixpkgs": [
+ "nixpkgs"
+ ]
+ },
+ "locked": {
+ "lastModified": 1699401590,
+ "narHash": "sha256-nx8ExuBRUux9eXSUgkWp1LJMvA3dmA76+2xggZjHTU0=",
+ "ref": "refs/heads/master",
+ "rev": "b321333ad08bf21db242f246b10ad4a50b8fc8a0",
+ "revCount": 848,
+ "type": "git",
+ "url": "https://git.jolheiser.com/tailwind-ctp-intellisense"
+ },
+ "original": {
+ "type": "git",
+ "url": "https://git.jolheiser.com/tailwind-ctp-intellisense"
+ }
+ }
+ },
+ "root": "root",
+ "version": 7
+}
diff --git a/flake.nix b/flake.nix
new file mode 100644
index 0000000000000000000000000000000000000000..40aaf495202c80107d414a9e34f6706bcc3cfb93
--- /dev/null
+++ b/flake.nix
@@ -0,0 +1,58 @@
+{
+ description = "cfg playground";
+
+ inputs = {
+ nixpkgs.url = "github:nixos/nixpkgs/nixpkgs-unstable";
+ tailwind-ctp = {
+ url = "git+https://git.jolheiser.com/tailwind-ctp";
+ inputs.nixpkgs.follows = "nixpkgs";
+ };
+ tailwind-ctp-lsp = {
+ url = "git+https://git.jolheiser.com/tailwind-ctp-intellisense";
+ inputs.nixpkgs.follows = "nixpkgs";
+ };
+ };
+
+ outputs =
+ {
+ self,
+ nixpkgs,
+ tailwind-ctp,
+ tailwind-ctp-lsp,
+ }:
+ let
+ systems = [
+ "x86_64-linux"
+ "i686-linux"
+ "x86_64-darwin"
+ "aarch64-linux"
+ "armv6l-linux"
+ "armv7l-linux"
+ ];
+ forAllSystems = f: nixpkgs.lib.genAttrs systems f;
+ tctp = forAllSystems (system: tailwind-ctp.packages.${system}.default);
+ tctpl = forAllSystems (system: tailwind-ctp-lsp.packages.${system}.default);
+ in
+ {
+ # packages = forAllSystems (system: import ./nix { pkgs = import nixpkgs { inherit system; }; });
+ devShells = forAllSystems (
+ system:
+ let
+ pkgs = import nixpkgs { inherit system; };
+ in
+ {
+ default = pkgs.mkShell {
+ nativeBuildInputs = with pkgs; [
+ go
+ gopls
+ templ
+ tctp.${system}
+ tctpl.${system}
+ vscode-langservers-extracted
+ ];
+ };
+ }
+ );
+ nixosModules.default = import ./nix/module.nix;
+ };
+}
diff --git a/main.go b/main.go
index 24d8ec98b54ef8ecd4ca3bbfd32fc913180abe29..17e84304237551b18683def41cfde7c49b4f76b0 100644
--- a/main.go
+++ b/main.go
@@ -1,11 +1,11 @@
package main
import (
+ "log/slog"
"embed"
"encoding/json"
"flag"
"fmt"
- iofs "io/fs"
"log/slog"
"net/http"
"os"
@@ -13,13 +13,14 @@ "os/signal"
"github.com/peterbourgon/ff/v3"
"go.jolheiser.com/cfg"
+ "go.jolheiser.com/cfg-playground/static"
"go.jolheiser.com/ffjsonnet"
"go.jolheiser.com/tailroute"
)
-//go:embed static
+//go:embed static/index.html
-package main
"log/slog"
+ "fmt"
type args struct {
hostname string
@@ -61,11 +62,8 @@ os.Setenv("TS_AUTHKEY", args.authKey)
}
mux := http.NewServeMux()
- s, err := iofs.Sub(static, "static")
- if err != nil {
- panic(err)
- }
+ mux.HandleFunc("GET /", index)
- mux.Handle("GET /", http.FileServer(http.FS(s)))
+ mux.HandleFunc("GET /tailwind.css", static.TailwindHandler)
mux.HandleFunc("POST /convert", convert)
tr := tailroute.Router{
@@ -84,6 +82,13 @@ <-ch
return nil
}
+func index(w http.ResponseWriter, r *http.Request) {
+ if _, err := w.Write(indexHTML); err != nil {
+ slog.Debug("could not write output", slog.Any("error", err))
+ return
+ }
+}
+
func convert(w http.ResponseWriter, r *http.Request) {
payload := struct {
Input string
@@ -91,7 +96,7 @@ From string
To string
}{}
if err := json.NewDecoder(r.Body).Decode(&payload); err != nil {
- fmt.Println(err)
+ slog.Debug("could not decode JSON body", slog.Any("error", err))
return
}
defer r.Body.Close()
diff --git a/static/generate.go b/static/generate.go
new file mode 100644
index 0000000000000000000000000000000000000000..88d179a9e872fd1eda29f60ca7286a514591c363
--- /dev/null
+++ b/static/generate.go
@@ -0,0 +1,72 @@
+//go:build generate
+
+package main
+
+import (
+ "bytes"
+ _ "embed"
+ "fmt"
+ "go/format"
+ "os"
+ "os/exec"
+)
+
+var tailwindCSS = `
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+`
+
+//go:generate templ generate
+//go:generate go run generate.go
+func main() {
+ if err := tailwind(); err != nil {
+ panic(err)
+ }
+}
+
+// Generate tailwind code from templ templates and combine with other misc CSS
+func tailwind() error {
+ fmt.Println("generating tailwind...")
+
+ tmp, err := os.CreateTemp(os.TempDir(), "cfg-tailwind*")
+ if err != nil {
+ return err
+ }
+ defer os.Remove(tmp.Name())
+ if _, err := tmp.WriteString(tailwindCSS); err != nil {
+ return err
+ }
+ tmp.Close()
+
+ styles, err := os.Create("tailwind.go")
+ if err != nil {
+ return err
+ }
+ defer styles.Close()
+
+ var buf bytes.Buffer
+ cmd := exec.Command("tailwind-ctp", "-i", tmp.Name(), "--minify")
+ cmd.Stdout = &buf
+ if err := cmd.Run(); err != nil {
+ return err
+ }
+
+ code := fmt.Sprintf(`// Code generated by generate.go - DO NOT EDIT.
+package static
+
+ import "net/http"
+
+ func TailwindHandler(w http.ResponseWriter, r *http.Request) {
+ w.Header().Set("Content-Type", "text/css")
+ w.Write([]byte(%q))
+ }`, buf.String())
+ formatted, err := format.Source([]byte(code))
+ if err != nil {
+ return err
+ }
+ styles.Write(formatted)
+
+ fmt.Println("finished generating tailwind")
+ return nil
+}
diff --git a/static/index.html b/static/index.html
index e0106c6913fd8159be80b8b10eaddae83d3b394e..b6fcfb5c4d149a8b97d6e97770263e4e91a8274a 100644
--- a/static/index.html
+++ b/static/index.html
@@ -1,118 +1,152 @@
<!DOCTYPE html>
<html lang="en">
+
<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>cfg</title>
+ <title>cfg</title>
<meta charset="UTF-8">
+</head>
+
+ <title>cfg</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>cfg</title>
<title>cfg</title>
+ <title>cfg</title>
<script src="https://cdn.tailwindcss.com"></script>
+ <title>cfg</title>
</head>
+ <title>cfg</title>
<body class="bg-gray-100">
-<!DOCTYPE html>
+ <script src="https://cdn.tailwindcss.com"></script>
-<!DOCTYPE html>
+ <script src="https://cdn.tailwindcss.com"></script>
<!DOCTYPE html>
-<!DOCTYPE html>
+ <script src="https://cdn.tailwindcss.com"></script>
<html lang="en">
-<!DOCTYPE html>
+ <script src="https://cdn.tailwindcss.com"></script>
<head>
-<!DOCTYPE html>
+ <script src="https://cdn.tailwindcss.com"></script>
<meta charset="UTF-8">
-<!DOCTYPE html>
+ <script src="https://cdn.tailwindcss.com"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<!DOCTYPE html>
+ <script src="https://cdn.tailwindcss.com"></script>
<title>cfg</title>
-<!DOCTYPE html>
+ <script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdn.tailwindcss.com"></script>
-<!DOCTYPE html>
+ <script src="https://cdn.tailwindcss.com"></script>
</head>
-<!DOCTYPE html>
+ <script src="https://cdn.tailwindcss.com"></script>
<body class="bg-gray-100">
<html lang="en">
+</head>
+ <div class="flex-1 flex flex-col p-4">
+</head>
-<html lang="en">
+</head>
<!DOCTYPE html>
+</head>
<html lang="en">
+ <script src="https://cdn.tailwindcss.com"></script>
<html lang="en">
-<html lang="en">
+ <script src="https://cdn.tailwindcss.com"></script>
<head>
- <div class="flex-1 flex flex-col p-4">
+ <option value="nix">nix</option>
+ <option value="kdl">kdl</option>
+ </select>
+ <textarea id="output" class="bg-base dark:bg-base/50 flex-1 p-2 border rounded"
-<html lang="en">
+</head>
<meta charset="UTF-8">
<html lang="en">
+</head>
+</head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<html lang="en">
+</head>
<title>cfg</title>
- <option value="yaml">yaml</option>
+
-<!DOCTYPE html>
+</head>
<script src="https://cdn.tailwindcss.com"></script>
-<!DOCTYPE html>
+</head>
</head>
-<html lang="en">
+ const $outputFormat = document.getElementById('to');
+<body class="bg-gray-100">
-<html lang="en">
+<body class="bg-gray-100">
<!DOCTYPE html>
+<body class="bg-gray-100">
<html lang="en">
- <script src="https://cdn.tailwindcss.com"></script>
<html lang="en">
+<body class="bg-gray-100">
+<body class="bg-gray-100">
<head>
+ $outputFormat.addEventListener("input", convert);
+ $inputText.addEventListener("input", convert);
<html lang="en">
+<body class="bg-gray-100">
+ $inputText.addEventListener("keydown", function (event) {
+ if (event.keyCode == 9) {
+<body class="bg-gray-100">
</head>
-<html lang="en">
+<body class="bg-gray-100">
<body class="bg-gray-100">
-<head>
+ <div class="flex h-screen">
-<head>
+ <div class="flex h-screen">
<!DOCTYPE html>
-<head>
+ <div class="flex h-screen">
<html lang="en">
-<head>
+ <div class="flex h-screen">
<head>
-<head>
+ <div class="flex h-screen">
<meta charset="UTF-8">
-<head>
+ <div class="flex h-screen">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<head>
+ <div class="flex h-screen">
<title>cfg</title>
-<head>
+ <div class="flex h-screen">
<script src="https://cdn.tailwindcss.com"></script>
+ });
-<head>
+ <div class="flex h-screen">
</head>
-<head>
+ <div class="flex h-screen">
<body class="bg-gray-100">
- <meta charset="UTF-8">
+ <div class="flex-1 flex flex-col p-4">
- <meta charset="UTF-8">
+ <div class="flex-1 flex flex-col p-4">
<!DOCTYPE html>
- <meta charset="UTF-8">
+ <div class="flex-1 flex flex-col p-4">
<html lang="en">
- <meta charset="UTF-8">
+ <div class="flex-1 flex flex-col p-4">
<head>
- <meta charset="UTF-8">
+ <div class="flex-1 flex flex-col p-4">
<meta charset="UTF-8">
- <meta charset="UTF-8">
+ <div class="flex-1 flex flex-col p-4">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
- <meta charset="UTF-8">
+ <div class="flex-1 flex flex-col p-4">
<title>cfg</title>
- <meta charset="UTF-8">
+ <div class="flex-1 flex flex-col p-4">
<script src="https://cdn.tailwindcss.com"></script>
- <meta charset="UTF-8">
+ <div class="flex-1 flex flex-col p-4">
</head>
- <meta charset="UTF-8">
+ <div class="flex-1 flex flex-col p-4">
<body class="bg-gray-100">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <h2 class="text-2xl font-bold mb-4">Input</h2>
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <h2 class="text-2xl font-bold mb-4">Input</h2>
<!DOCTYPE html>
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
+<!DOCTYPE html>
<html lang="en">
- })
+<html lang="en">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <h2 class="text-2xl font-bold mb-4">Input</h2>
<head>
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <h2 class="text-2xl font-bold mb-4">Input</h2>
<meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <h2 class="text-2xl font-bold mb-4">Input</h2>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <h2 class="text-2xl font-bold mb-4">Input</h2>
<title>cfg</title>
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <h2 class="text-2xl font-bold mb-4">Input</h2>
<script src="https://cdn.tailwindcss.com"></script>
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <h2 class="text-2xl font-bold mb-4">Input</h2>
</head>
+ </script>
</body>
- <title>cfg</title>
+
+ <select id="from" class="w-full mb-2 p-2 border rounded">
diff --git a/static/tailwind.config.js b/static/tailwind.config.js
new file mode 100644
index 0000000000000000000000000000000000000000..600667950eda206436172ec59f665db8c61baa91
--- /dev/null
+++ b/static/tailwind.config.js
@@ -0,0 +1,6 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+ content: ["./index.html"],
+ plugins: [require("@catppuccin/tailwindcss")],
+}
+
diff --git a/static/tailwind.go b/static/tailwind.go
new file mode 100644
index 0000000000000000000000000000000000000000..7c70c6b54db944956c516a329f8ecd7c5e76fbc4
--- /dev/null
+++ b/static/tailwind.go
@@ -0,0 +1,9 @@
+// Code generated by generate.go - DO NOT EDIT.
+package static
+
+import "net/http"
+
+func TailwindHandler(w http.ResponseWriter, r *http.Request) {
+ w.Header().Set("Content-Type", "text/css")
+ w.Write([]byte("/*! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:\"\"}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}.latte{--ctp-rosewater:220,138,120;--ctp-flamingo:221,120,120;--ctp-pink:234,118,203;--ctp-mauve:136,57,239;--ctp-red:210,15,57;--ctp-maroon:230,69,83;--ctp-peach:254,100,11;--ctp-yellow:223,142,29;--ctp-green:64,160,43;--ctp-teal:23,146,153;--ctp-sky:4,165,229;--ctp-sapphire:32,159,181;--ctp-blue:30,102,245;--ctp-lavender:114,135,253;--ctp-text:76,79,105;--ctp-subtext1:92,95,119;--ctp-subtext0:108,111,133;--ctp-overlay2:124,127,147;--ctp-overlay1:140,143,161;--ctp-overlay0:156,160,176;--ctp-surface2:172,176,190;--ctp-surface1:188,192,204;--ctp-surface0:204,208,218;--ctp-base:239,241,245;--ctp-mantle:230,233,239;--ctp-crust:220,224,232}*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.fixed{position:fixed}.bottom-4{bottom:1rem}.right-4{right:1rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.flex{display:flex}.hidden{display:none}.h-screen{height:100vh}.w-full{width:100%}.flex-1{flex:1 1 0%}.flex-col{flex-direction:column}.rounded{border-radius:.25rem}.border{border-width:1px}.bg-base{--tw-bg-opacity:1;background-color:rgba(var(--ctp-base),var(--tw-bg-opacity))}.bg-base\\/50{background-color:rgba(var(--ctp-base),.5)}.bg-text{--tw-bg-opacity:1;background-color:rgba(var(--ctp-text),var(--tw-bg-opacity))}.p-2{padding:.5rem}.p-4{padding:1rem}.text-2xl{font-size:1.5rem;line-height:2rem}.font-bold{font-weight:700}.text-text{--tw-text-opacity:1;color:rgba(var(--ctp-text),var(--tw-text-opacity))}@media (prefers-color-scheme:dark){.dark\\:mocha{--ctp-rosewater:245,224,220;--ctp-flamingo:242,205,205;--ctp-pink:245,194,231;--ctp-mauve:203,166,247;--ctp-red:243,139,168;--ctp-maroon:235,160,172;--ctp-peach:250,179,135;--ctp-yellow:249,226,175;--ctp-green:166,227,161;--ctp-teal:148,226,213;--ctp-sky:137,220,235;--ctp-sapphire:116,199,236;--ctp-blue:137,180,250;--ctp-lavender:180,190,254;--ctp-text:205,214,244;--ctp-subtext1:186,194,222;--ctp-subtext0:166,173,200;--ctp-overlay2:147,153,178;--ctp-overlay1:127,132,156;--ctp-overlay0:108,112,134;--ctp-surface2:88,91,112;--ctp-surface1:69,71,90;--ctp-surface0:49,50,68;--ctp-base:30,30,46;--ctp-mantle:24,24,37;--ctp-crust:17,17,27}}.hover\\:bg-text\\/50:hover{background-color:rgba(var(--ctp-text),.5)}@media (prefers-color-scheme:dark){.dark\\:bg-base\\/50{background-color:rgba(var(--ctp-base),.5)}.dark\\:bg-base\\/95{background-color:rgba(var(--ctp-base),.95)}}"))
+}