Hugging Face's logo

Spaces:
reichaves
/
Chatbot-Gemma2-9b-It-all-MiniLM-L6-v2-Brazil-PDF
Running

App Files Community
reichaves commited on
Commit
87a0481
•
1 Parent(s): bb94dab

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +46 -17
app.py CHANGED
@@ -21,69 +21,98 @@ from langchain_community.vectorstores import FAISS
21
  import os
22
  import tempfile
23
 
24
- # Forçar tema dark
25
  st.set_page_config(page_title="RAG Q&A Conversacional", layout="wide", initial_sidebar_state="expanded", page_icon="🤖", menu_items=None)
26
- st.set_theme('dark')
27
 
28
- # Aplicar o tema dark
29
  st.markdown("""
30
  <style>
31
  /* Estilo global */
32
- .stApp, div[data-testid="stAppViewContainer"] {
33
  background-color: #0e1117 !important;
34
  color: #fafafa !important;
35
  }
36
 
37
  /* Sidebar */
38
- .stSidebar, div[data-testid="stSidebar"] {
39
  background-color: #262730 !important;
 
40
  }
41
- .stSidebar .stMarkdown, div[data-testid="stSidebar"] .stMarkdown {
42
  color: #fafafa !important;
43
  }
44
 
45
  /* Botões */
46
- .stButton>button {
47
  color: #4F8BF9 !important;
 
48
  border-radius: 20px !important;
49
  height: 3em !important;
50
  width: 200px !important;
51
  }
52
 
53
  /* Inputs de texto */
54
- .stTextInput>div>div>input {
55
- color: #4F8BF9 !important;
56
  background-color: #262730 !important;
57
  }
58
 
59
  /* Rótulos de input */
60
- .stTextInput>label, div[data-baseweb="label"] {
61
  color: #fafafa !important;
62
  font-size: 1rem !important;
63
  }
64
 
65
  /* Garantindo visibilidade do texto em todo o app */
66
- .stApp > header + div, div[data-testid="stAppViewContainer"] > div {
67
  color: #fafafa !important;
68
  }
69
 
70
- /* Forçando cor de texto para elementos específicos do Hugging Face Spaces */
71
  div[class*="css"] {
72
  color: #fafafa !important;
73
  }
74
 
75
- /* Ajuste para elementos de entrada no Hugging Face Spaces */
76
- div[data-baseweb="base-input"] {
77
  background-color: #262730 !important;
78
  }
79
- div[data-baseweb="base-input"] input {
80
  color: #fafafa !important;
81
  }
82
 
83
- /* Ajuste para o fundo do conteúdo principal no Hugging Face Spaces */
84
- div[data-testid="stAppViewContainer"] > section[data-testid="stSidebar"] + div {
85
  background-color: #0e1117 !important;
86
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
87
  </style>
88
  """, unsafe_allow_html=True)
89
 
 
21
  import os
22
  import tempfile
23
 
24
+ # Configurar o tema para dark
25
  st.set_page_config(page_title="RAG Q&A Conversacional", layout="wide", initial_sidebar_state="expanded", page_icon="🤖", menu_items=None)
 
26
 
27
+ # Aplicar o tema dark com CSS
28
  st.markdown("""
29
  <style>
30
  /* Estilo global */
31
+ .stApp, [data-testid="stAppViewContainer"], [data-testid="stHeader"] {
32
  background-color: #0e1117 !important;
33
  color: #fafafa !important;
34
  }
35
 
36
  /* Sidebar */
37
+ [data-testid="stSidebar"], [data-testid="stSidebarNav"] {
38
  background-color: #262730 !important;
39
+ color: #fafafa !important;
40
  }
41
+ [data-testid="stSidebar"] .stMarkdown, [data-testid="stSidebarNav"] .stMarkdown {
42
  color: #fafafa !important;
43
  }
44
 
45
  /* Botões */
46
+ .stButton > button {
47
  color: #4F8BF9 !important;
48
+ background-color: #262730 !important;
49
  border-radius: 20px !important;
50
  height: 3em !important;
51
  width: 200px !important;
52
  }
53
 
54
  /* Inputs de texto */
55
+ .stTextInput > div > div > input {
56
+ color: #fafafa !important;
57
  background-color: #262730 !important;
58
  }
59
 
60
  /* Rótulos de input */
61
+ .stTextInput > label, [data-baseweb="label"] {
62
  color: #fafafa !important;
63
  font-size: 1rem !important;
64
  }
65
 
66
  /* Garantindo visibilidade do texto em todo o app */
67
+ .stApp > header + div, [data-testid="stAppViewContainer"] > div {
68
  color: #fafafa !important;
69
  }
70
 
71
+ /* Forçando cor de texto para elementos específicos */
72
  div[class*="css"] {
73
  color: #fafafa !important;
74
  }
75
 
76
+ /* Ajuste para elementos de entrada */
77
+ [data-baseweb="base-input"] {
78
  background-color: #262730 !important;
79
  }
80
+ [data-baseweb="base-input"] input {
81
  color: #fafafa !important;
82
  }
83
 
84
+ /* Ajuste para o fundo do conteúdo principal */
85
+ [data-testid="stAppViewContainer"] > section[data-testid="stSidebar"] + div {
86
  background-color: #0e1117 !important;
87
  }
88
+
89
+ /* Forçando cor de fundo escura para todo o corpo da página */
90
+ body {
91
+ background-color: #0e1117 !important;
92
+ }
93
+
94
+ /* Ajustando cores para elementos de seleção e opções */
95
+ .stSelectbox, .stMultiSelect {
96
+ color: #fafafa !important;
97
+ background-color: #262730 !important;
98
+ }
99
+
100
+ /* Ajustando cores para expansores */
101
+ .streamlit-expanderHeader {
102
+ background-color: #262730 !important;
103
+ color: #fafafa !important;
104
+ }
105
+
106
+ /* Ajustando cores para caixas de código */
107
+ .stCodeBlock {
108
+ background-color: #1e1e1e !important;
109
+ }
110
+
111
+ /* Ajustando cores para tabelas */
112
+ .stTable {
113
+ color: #fafafa !important;
114
+ background-color: #262730 !important;
115
+ }
116
  </style>
117
  """, unsafe_allow_html=True)
118