teste Fix: light mode

app.py

@@ -140,7 +140,7 @@ class ChatbotApp:
                     st.markdown(text.strip(), unsafe_allow_html=True)
 
             # Captura o input do usuário
-            user_input = st.chat_input("Digite sua pergunta")
+            user_input = st.chat_input(placeholder="Digite sua pergunta...")
             if user_input:
                 # Exibe a mensagem do usuário
                 with st.chat_message("user"):

logos/styles/base.css

@@ -37,6 +37,13 @@ a {
     font-weight: 700;
 }
 
+
+.stTextInput > label {
+    font-family: "sicoob-sans-bold", "Source Sans Pro", sans-serif !important;
+    font-weight: 700;
+}
+
+
 .stDecoration {
     display: none;
 }

logos/styles/dark.css

@@ -60,6 +60,7 @@
     background-color: #002530;
     border-radius: 10px;
     border: 1px solid #7DB61C;
+    overflow: hidden;
 }
 
 [data-testid="stChatInput"] > div > div > div > textarea:focus {
@@ -153,4 +154,43 @@ hr {
 .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;

logos/styles/light.css

@@ -1,9 +1,9 @@
 .stMain, .stAppHeader, .st-emotion-cache-hzygls {
-    background-color: #FAFAFA !important;
+    background-color: white !important;
 }
 
 .stAppHeader, .st-emotion-cache-hzygls, .stBottomBlockContainer {
-    background-color: #00AE9D !important;
+    background-color: #f3f3f3 !important;
 }
 
 [data-testid="stChatInputSubmitButton"] {
@@ -26,7 +26,7 @@
 }
 
 [data-testid="stChatInputSubmitButton"] > svg {
-    fill: #C9D200;
+    fill: #00AE9D;
 }
 
 [data-testid="stChatInputSubmitButton"]:hover {
@@ -41,12 +41,12 @@
 
 .stButton > button:hover {
     background-color: #003641;
-    border-color: #7DB61C;
-    color: #C9D200;
+    border-color: #00AE9D;
+    color: #00AE9D;
 }
 
 .stButton > button:active , .stButton > button:focus, .stButton > button:focus-visible, .stButton > button:focus:not(:active) {
-    background-color: #7DB61C;
+    background-color: #00AE9D;
     border-color: #003641;
     color: #FAFAFA;
 }
@@ -56,31 +56,37 @@
     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: #003641;
+    background-color: white;
     border-radius: 10px;
-    border: 1px solid #C9D200;
-    color: #FAFAFA !important;
+    border: 1px solid #00AE9D;
+    color: #003641 !important;
+    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;
+    border-bottom-color: #003641 !important;
+    border-top-color: #003641 !important;
+    border-right-color: #003641 !important;
+    border-left-color: #003641 !important;
 }
 
 a {
-    color: #49479D !important;
+    color: #003641 !important;
 }
 
 a:hover {
-    color: #7DB61C !important;
+    color: #00AE9D !important;
 }
 
 .stMarkdown h1 {
@@ -92,8 +98,8 @@ body, .stMarkdown, .stText, .stTitle, .stHeader, .stSubheader {
 }
 
 [data-testid="stChatMessageAvatarUser"] {
-    fill: #7DB61C !important;
-    background-color: #7DB61C !important;
+    fill: #002530 !important;
+    background-color: #002530 !important;
     width: 35px;
     height: 35px;
     border-radius: 50%;
@@ -101,12 +107,12 @@ body, .stMarkdown, .stText, .stTitle, .stHeader, .stSubheader {
 }
 
 [data-testid="stChatMessageAvatarUser"] > svg {
-    color: #49479D
+    color: #FAFAFA
 }
 
 [data-testid="stChatMessageAvatarAssistant"] {
-    fill: #C9D200 !important;
-    background-color: #C9D200 !important;
+    fill: #002530 !important;
+    background-color: #002530 !important;
     width: 35px;
     height: 35px;
     border-radius: 50%;
@@ -114,7 +120,7 @@ body, .stMarkdown, .stText, .stTitle, .stHeader, .stSubheader {
 }
 
 [data-testid="stChatMessageAvatarAssistant"] > svg {
-    color: #49479D
+    color: #FAFAFA
 }
 
 .stMarkdown hr {
@@ -129,21 +135,17 @@ body, .stMarkdown, .stText, .stTitle, .stHeader, .stSubheader {
     fill: #C9D200;
 }
 
-.stChatMessage:has([data-testid="stChatMessageAvatarUser"]) {
-    background-color: #00AE9D;
-    color: #FAFAFA;
-    border-radius: 10px;
-}
-
 .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: #ebebeb !important;
+    background-color: #ebfffd !important;
     border-radius: 10px;
+    border-color: #007F73;
 }
 
 .st-key-Logout > div > button {
@@ -153,7 +155,7 @@ body, .stMarkdown, .stText, .stTitle, .stHeader, .stSubheader {
 }
 
 .st-key-Logout > div > button:hover {
-    color: #7DB61C;
+    color: #00AE9D;
 }
 
 [data-testid="stDialog"] > div > div > div > div {
@@ -178,11 +180,27 @@ body, .stMarkdown, .stText, .stTitle, .stHeader, .stSubheader {
 
 
 [data-testid="stAlertContainer"] p {
-    color: #002530 !important;
+    color: #ebebeb !important;
+}
+
+[data-testid="stAlertContainer"] {
+    background-color: #00AE9D;
 }
 
 .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 {
@@ -190,27 +208,27 @@ body, .stMarkdown, .stText, .stTitle, .stHeader, .stSubheader {
 }
 
 [data-testid="stTextInputRootElement"] {
-    background-color: #003641;
+    background-color: transparent;
     border-radius: 10px;
-    border: 1px solid #C9D200;
-    color: #FAFAFA;
+    border-color: #999999;
+    color: #999999 !important;
 }
 
 .stFormSubmitButton > button {
-    background-color: #003641;
+    background-color: #00AE9D;
     color: #FAFAFA;
 }
 
 .stFormSubmitButton > button:hover {
-    background-color: #003641;
-    border-color: #7DB61C;
-    color: #C9D200;
+    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: #7DB61C;
-    border-color: #003641;
-    color: #FAFAFA;
+    background-color: #003641;
+    border-color: #00AE9D;
+    color: #00AE9D;
 }
 
 [data-testid="stBaseButton-borderlessIcon"] {