docs: add tailwindcss for styles, oidc authorize endpoint playground (#4707)

* variable parser * rm plugin * set fcn * env * EnvCode component * cleanup env demo * env * rm remark plugin * auth request context * auth req component * authorize endpoint construction * rev react page * fix endpoint * styling * query params with anchor * desc * tailwind coexistence * fix styles * add login_hint, organizationId scope * auth request without prompt * show login_hint * sync displayed url with actual href * fix fcn * coloring * Update docs/src/components/authrequest.jsx Co-authored-by: mffap <mpa@zitadel.com> * Update docs/src/components/authrequest.jsx Co-authored-by: mffap <mpa@zitadel.com> * Update docs/src/components/authrequest.jsx Co-authored-by: mffap <mpa@zitadel.com> * Update docs/src/components/authrequest.jsx Co-authored-by: mffap <mpa@zitadel.com> * Update docs/src/components/authrequest.jsx Co-authored-by: mffap <mpa@zitadel.com> * Update docs/src/components/authrequest.jsx Co-authored-by: mffap <mpa@zitadel.com> * add plausible, header * add pkce * move * adds pkce code challenge * replace cboa * reaname and move to required * fall back to cboa due to webpack error * trailing slash * reorder org_id * remove resourceowner * texts * update references * buffer, fix some react dom components * Apply suggestions from code review Co-authored-by: Florian Forster <florian@zitadel.com> * standard scopes Co-authored-by: mffap <mpa@zitadel.com> Co-authored-by: Florian Forster <florian@zitadel.com>
2025-08-11 20:07:32 +00:00 · 2022-12-05 18:36:12 +01:00
parent add232d1dd
commit 97fe041a86
32 changed files with 1654 additions and 459 deletions
--- a/docs/tailwind.config.js
+++ b/docs/tailwind.config.js
@@ -0,0 +1,55 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  darkMode: ["class", '[data-theme="dark"]'],
+  content: ["./docs/**/*.{js,ts,jsx,tsx}", "./src/**/*.{js,jsx,ts,tsx}"],
+  corePlugins: { preflight: false },
+  theme: {
+    fontFamily: {
+      sans: ["Lato", "serif"],
+    },
+    extend: {
+      colors: {
+        zitadelpink: "#ff2069",
+        primary: {
+          dark: {
+            100: "#afd1f2",
+            200: "#7fb5ea",
+            300: "#4192e0",
+            400: "#2782dc",
+            500: "#2073c4",
+            600: "#1c64aa",
+            700: "#17548f",
+            800: "#134575",
+            900: "#0f355b",
+          },
+        },
+        background: {
+          dark: {
+            100: "#4a69aa",
+            200: "#395183",
+            300: "#243252",
+            400: "#1a253c",
+            500: "#111827",
+            600: "#080b12",
+            700: "#000000",
+            800: "#000000",
+            900: "#000000",
+          },
+        },
+        input: {
+          light: {
+            label: "#000000c7",
+            background: "#00000004",
+            border: "rgba(26,25,25,.2196078431);",
+          },
+          dark: {
+            label: "#ffffffc7",
+            background: "#00000020",
+            border: "rgba(249,247,247,.1450980392)",
+          },
+        },
+      },
+    },
+  },
+  plugins: [],
+};