|
|
:root { |
|
|
--aiden-bg: #0B1424; |
|
|
--aiden-panel: #11161E; |
|
|
--aiden-text: #E6EAF3; |
|
|
--aiden-accent: #7CA7FF; |
|
|
--aiden-border: #2F3A48; |
|
|
} |
|
|
|
|
|
body, .gradio-container { |
|
|
background: var(--aiden-bg) !important; |
|
|
color: var(--aiden-text) !important; |
|
|
font-family: "Inter", "Open Sans", system-ui, -apple-system, Segoe UI, Roboto, sans-serif; |
|
|
} |
|
|
|
|
|
a, .prose a { |
|
|
color: var(--aiden-accent) !important; |
|
|
} |
|
|
|
|
|
.gradio-container .block, |
|
|
.gradio-container .panel, |
|
|
.gr-box, |
|
|
.tabs, |
|
|
.form, |
|
|
.container { |
|
|
background: var(--aiden-panel) !important; |
|
|
border-radius: 16px !important; |
|
|
border: 1px solid var(--aiden-border) !important; |
|
|
} |
|
|
|
|
|
button, .gr-button { |
|
|
border-radius: 12px !important; |
|
|
} |
|
|
|
|
|
input, textarea, .gr-textbox { |
|
|
background: #0F1722 !important; |
|
|
border: 1px solid var(--aiden-border) !important; |
|
|
color: var(--aiden-text) !important; |
|
|
} |
|
|
|
