zitadel/docs/tailwind.config.js
Max Peintner 97fe041a86
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>
2022-12-05 18:36:12 +01:00

56 lines
1.3 KiB
JavaScript

/** @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: [],
};