openai-demo / theme.py
isanders's picture
✨ Theme & layout
bc99a91
import gradio as gr
theme = gr.themes.Base(
primary_hue=gr.themes.Color(
c100="#fef1d1",
c200="#fde3a2",
c300="#fde3a2",
c400="#fbce5d",
c50="fef8e8",
c500="fbce5d",
c600="#f9b917",
c700="#c79412",
c800="#854d0e",
c900="#713f12",
c950="#653b12",
),
secondary_hue=gr.themes.Color(
c100="#cccdd5",
c200="#999bab",
c300="#999bab",
c400="#4c506c",
c50="#e5e6ea",
c500="#4c506c",
c600="#4c506c",
c700="#00052d",
c800="#00052d",
c900="#00052d",
c950="#00052d",
),
neutral_hue=gr.themes.Color(
c100="#e5e6ea",
c200="#bdbdbd",
c300="#bdbdbd",
c400="#bbbbc2",
c50="rgba(255, 255, 255, 1)",
c500="#71717a",
c600="#52525b",
c700="#3f3f46",
c800="#27272a",
c900="#18181b",
c950="#0f0f11",
),
font=["Helvetica Neue", "Helvetica", "Arial", "sans-serif"],
).set(
body_text_color="*neutral_900",
embed_radius="*radius_md",
background_fill_primary="#fafafa",
border_color_primary="*neutral_100",
color_accent="*primary_600",
code_background_fill="*neutral_50",
block_background_fill="#ffffff",
panel_background_fill="*background_fill_primary",
checkbox_label_background_fill="*neutral_50",
checkbox_label_background_fill_hover="*neutral_100",
input_background_fill="*neutral_50",
input_background_fill_hover="*neutral_50",
input_border_color="*neutral_100",
input_border_width="*block_border_width",
button_primary_background_fill="*primary_600",
button_secondary_background_fill="*neutral_50",
button_secondary_text_color="*neutral_900",
)
logo = """
<svg width="32" height="100%" viewBox="0 0 57 66" height="50" width="50" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g transform="matrix(0.223413,0,0,0.223413,-26.9959,-25.129)">
<g>
<g>
<g transform="matrix(1,0,0,1,55.8337,37.4778)">
<circle cx="128" cy="138" r="63" style="fill:url(#_Linear1);"/>
</g>
<g transform="matrix(1,0,0,1,55.8337,122.002)">
<circle cx="128" cy="138" r="63" style="fill:url(#_Linear2);"/>
</g>
<g transform="matrix(1,0,0,1,55.8337,205.07)">
<circle cx="128" cy="138" r="63" style="fill:url(#_Linear3);"/>
</g>
</g>
<g>
<g transform="matrix(1,0,0,1,121,163.525)">
<circle cx="128" cy="138" r="63" style="fill:url(#_Linear4);"/>
</g>
<g transform="matrix(1,0,0,1,121,79)">
<circle cx="128" cy="138" r="63" style="fill:url(#_Linear5);"/>
</g>
</g>
<g transform="matrix(1,0,0,1,183,124.525)">
<circle cx="128" cy="138" r="63" style="fill:url(#_Linear6);"/>
</g>
</g>
</g>
<defs>
<linearGradient id="_Linear1" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-123,4,-4,-123,185.166,216.522)"><stop offset="0" style="stop-color:rgb(255,180,0);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(255,208,0);stop-opacity:1"/></linearGradient>
<linearGradient id="_Linear2" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-123,4,-4,-123,185.166,131.998)"><stop offset="0" style="stop-color:rgb(255,180,0);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(255,208,0);stop-opacity:1"/></linearGradient>
<linearGradient id="_Linear3" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-123,4,-4,-123,185.166,48.9297)"><stop offset="0" style="stop-color:rgb(255,180,0);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(255,208,0);stop-opacity:1"/></linearGradient>
<linearGradient id="_Linear4" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-99,1.2124e-14,-1.2124e-14,-99,178,88.4754)"><stop offset="0" style="stop-color:rgb(251,139,23);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(255,180,0);stop-opacity:1"/></linearGradient>
<linearGradient id="_Linear5" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-99,1.2124e-14,-1.2124e-14,-99,178,173)"><stop offset="0" style="stop-color:rgb(251,139,23);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(255,180,0);stop-opacity:1"/></linearGradient>
<linearGradient id="_Linear6" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-120,-3,3,-120,185,138.475)"><stop offset="0" style="stop-color:rgb(255,66,0);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(255,133,0);stop-opacity:1"/></linearGradient>
</defs>
</svg>
"""