logos/styles/dark.css

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

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

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

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

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

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

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

.stButton > button {
    background-color: #7DB61C;
    color: #FAFAFA;
}
.stButton > button:hover {
    background-color: #7DB61C;
    border-color: #49479D;
    color: #FAFAFA;
}

.stButton > button:active , .stButton > button:focus, .stButton > button:focus-visible, .stButton > button:focus:not(:active) {
    background-color: #49479D;
    border-color: #7DB61C;
    color: #FAFAFA;
}

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

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

[data-testid="stChatInput"] > div > div > div > textarea {
    background-color: #002530;
    border-radius: 10px;
    border: 1px solid #7DB61C;
    overflow: hidden;
}

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

a {
    color: #C9D200 !important;
}

a:hover {
    color: #7DB61C !important;
}

.stMarkdown h1 {
    color: #FAFAFA !important
}

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

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

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

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

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

.st-key-Logout > div > button {
    background-color: transparent !important;
    border: none;
    color: #7DB61C;
}

hr {
    background-color: #FAFAFA !important;
}

[data-testid="stDialog"] > div > div > div > div {
    color: #002025 !important;
}

[data-testid="stDialog"] > div > div > div {
    background-color: #00AE9D !important;
    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 > .stMarkdown {
    color: #002530 !important;
}

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

[data-testid="stBaseButton-borderlessIcon"] {
    color: #49479D;
}

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

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

[data-testid="stTextInputRootElement"] {
    background-color: #002530;
    border-radius: 10px;
    border: 1px solid #49479D;
    color: #FAFAFA !important;
}

.stTextInput > label {
    color: #FAFAFA !important;
}

.stTextInput > div > div > input {
    color: #FAFAFA !important;
}

[data-testid="stTextInputRootElement"]:hover {
    border: 1px solid #7DB61C;
}

.stFormSubmitButton > button {
    background-color: #7DB61C;
    color: #FAFAFA;
}

.stFormSubmitButton > button:hover {
    background-color: #7DB61C;
    border-color: #49479D;
    color: #49479D;
}

.stFormSubmitButton > button:active , .stFormSubmitButton > button:focus, .stFormSubmitButton > button:focus-visible, .stFormSubmitButton > button:focus:not(:active) {
    background-color: #49479D;
    border-color: #7DB61C;
    color: #FAFAFA;