logos/styles/light.css

.stMain, .stAppHeader, .st-emotion-cache-hzygls {
    background-color: white !important;
}

.stAppHeader, .st-emotion-cache-hzygls, .stBottomBlockContainer {
    background-color: #f3f3f3 !important;
}

[data-testid="stChatInputSubmitButton"] {
    background-color: transparent !important;
    border-radius: 10px;
}

[data-testid="stChatInputSubmitButton"]:hover {
    background-color: #00AE9D !important;
}

.stSidebar {
    background-color: #ebebeb;
    border-color: #7DB61C;
    color: #FAFAFA
}   

.stHeading {
    color: #003641 !important;
}

[data-testid="stChatInputSubmitButton"] > svg {
    fill: #00AE9D;
}

[data-testid="stChatInputSubmitButton"]:hover {
    background-color: #003641 !important;
    border-radius: 10px;
}

.stButton > button {
    background-color: #003641;
    color: #FAFAFA;
}

.stButton > button:hover {
    background-color: #003641;
    border-color: #00AE9D;
    color: #00AE9D;
}

.stButton > button:active , .stButton > button:focus, .stButton > button:focus-visible, .stButton > button:focus:not(:active) {
    background-color: #00AE9D;
    border-color: #003641;
    color: #FAFAFA;
}

.stChatInput {
    border: none;
    background-color: transparent;
}

[data-testid="stChatInput"] textarea::placeholder {
    color: #999999 !important;
    opacity: 1;
}

[data-testid="stChatInput"] > div > div {
    border: none;
    border-radius: 10px;
}

[data-testid="stChatInput"] > div > div > div > textarea {
    background-color: white;
    border-radius: 10px;
    border: 1px solid #00AE9D;
    color: #003641 !important;
    overflow: hidden;
}

[data-testid="stChatInput"] > div > div > div > textarea:focus {
    border-bottom-color: #003641 !important;
    border-top-color: #003641 !important;
    border-right-color: #003641 !important;
    border-left-color: #003641 !important;
}

a {
    color: #003641 !important;
}

a:hover {
    color: #00AE9D !important;
}

.stMarkdown h1 {
    color: #003641 !important
}

body, .stMarkdown, .stText, .stTitle, .stHeader, .stSubheader {
    color: #003641 !important
}

[data-testid="stChatMessageAvatarUser"] {
    fill: #002530 !important;
    background-color: #002530 !important;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    padding: 5px;
}

[data-testid="stChatMessageAvatarUser"] > svg {
    color: #FAFAFA
}

[data-testid="stChatMessageAvatarAssistant"] {
    fill: #002530 !important;
    background-color: #002530 !important;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    padding: 5px;
}

[data-testid="stChatMessageAvatarAssistant"] > svg {
    color: #FAFAFA
}

.stMarkdown hr {
    background-color: #002530 !important; 
}

.stSidebarHeader > div > button {
    fill: #002530;
}

.stSidebarHeader > div > button > svg {
    fill: #C9D200;
}

.stChatMessage:has([data-testid="stChatMessageAvatarUser"]) {
    background-color: #008679;
    color: #FAFAFA;
    border-radius: 10px;
    border: 0.5px solid #00AE9D;
}

.stChatMessage:has([data-testid="stChatMessageAvatarUser"]) {
    background-color: #ebfffd !important;
    border-radius: 10px;
    border-color: #007F73;
}

.st-key-Logout > div > button {
    background-color: transparent !important;
    border: none;
    color: #002530;
    text-decoration: underline;
}

.st-key-Logout > div > button:hover {
    color: #00AE9D;
}

[data-testid="stDialog"] > div > div > div > div {
    background-color: #ebebeb;
}

[data-testid="stDialog"] > div > div > div {
    background-color: #ebebeb;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

[data-testid="stDialog"] > div > div > div:first-child {
    background-color: #002530;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    color: #FAFAFA;
}


[data-testid="stAlertContainer"] p {
    color: #ebebeb !important;
}

[data-testid="stAlertContainer"] {
    background-color: #00AE9D;
}

[data-testid="stToast"] {
    background-color: #ebfffd;
    color: #002530;
    border: 0.5px solid #00AE9D;
    box-shadow: none;
}

.stTextInput > label {
    color: #002530 !important;
    font-weight: bold;
}

.stTextInput > div > div > input {
    color: #999999;
    background-color: transparent;
    font-weight: 500;
}

.stTextInput > div > div > input:not(:placeholder-shown) {
    color: #003641 !important;
    background-color: transparent;
}

[data-testid="stTextInputRootElement"] > div {
    background-color: transparent;
}

[data-testid="stTextInputRootElement"] {
    background-color: transparent;
    border-radius: 10px;
    border-color: #999999;
    color: #999999 !important;
}

.stFormSubmitButton > button {
    background-color: #00AE9D;
    color: #FAFAFA;
}

.stFormSubmitButton > button:hover {
    background-color: #00AE9D;
    border-color: #003641;
    color: #FAFAFA;
}

.stFormSubmitButton > button:active , .stFormSubmitButton > button:focus, .stFormSubmitButton > button:focus-visible, .stFormSubmitButton > button:focus:not(:active) {
    background-color: #003641;
    border-color: #00AE9D;
    color: #00AE9D;
}

[data-testid="stBaseButton-borderlessIcon"] {
    color: #7DB61C;
}