TheArchive/zitadel
1
0
Fork 0
mirror of https://github.com/zitadel/zitadel.git synced 2025-12-12 05:44:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

generate css classes based on theme

Browse Source
This commit is contained in:
Max Peintner
2023-04-24 09:54:47 +02:00
parent 1d9a858cea
commit e323e48523
14 changed files with 156 additions and 98 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/zitadel-react/src/components/SignInWithGitlab.tsx
View File

@@ -6,7 +6,7 @@ export interface SignInWithGitlabProps {
export function SignInWithGitlab(props: SignInWithGitlabProps) {
return (
<div className="ui-flex ui-flex-row ui-items-center ui-bg-white ui-text-black dark:ui-bg-transparent dark:ui-text-white border ui-border-gray-200 dark:ui-border-gray-800 rounded-md px-4 text-sm">
<div className="ui-flex ui-flex-row ui-items-center ui-bg-white ui-text-black dark:ui-bg-transparent dark:ui-text-white border ui-border-divider-light dark:ui-border-divider-dark rounded-md px-4 text-sm">
<div className="ui-h-12 ui-w-12 flex items-center justify-center">
<svg
xmlns="http://www.w3.org/2000/svg"

2
packages/zitadel-react/src/components/SignInWithGoogle.tsx
View File

@@ -6,7 +6,7 @@ export interface SignInWithGoogleProps {
export function SignInWithGoogle(props: SignInWithGoogleProps) {
return (
<div className="ui-flex ui-flex-row ui-items-center ui-bg-white ui-text-black dark:ui-bg-transparent dark:ui-text-white border ui-border-gray-200 dark:ui-border-gray-800 rounded-md px-4 text-sm">
<div className="ui-flex ui-flex-row ui-items-center ui-bg-white ui-text-black dark:ui-bg-transparent dark:ui-text-white border ui-border-divider-light dark:ui-border-divider-dark rounded-md px-4 text-sm">
<div className="ui-h-12 ui-w-12 ui-flex ui-items-center ui-justify-center">
<svg
xmlns="http://www.w3.org/2000/svg"

4
packages/zitadel-react/tailwind.config.js
View File

@@ -10,6 +10,10 @@ module.exports = {
colors: {
brandblue: colors.blue[500],
brandred: colors.red[500],
divider: {
light: "rgba(135,149,161,.2)",
dark: "rgba(135,149,161,.2)",
},
},
},
},