alexkueck commited on
Commit
8fa8dd1
1 Parent(s): bb74c71

Update custom.css

Browse files
Files changed (1) hide show
  1. custom.css +23 -7
custom.css CHANGED
@@ -1,8 +1,21 @@
1
  :root {
2
- --chatbot-color-light: #F3F3F3;
3
  --chatbot-color-dark: #121111;
4
  }
5
 
 
 
 
 
 
 
 
 
 
 
 
 
 
6
  /* status_display */
7
  #status_display {
8
  display: flex;
@@ -34,16 +47,18 @@ ol:not(.options), ul:not(.options) {
34
  }
35
 
36
  /* Thank @Keldos-Li for fixing it */
37
- /* Light mode (default) */
38
  #chuanhu_chatbot {
39
  background-color: var(--chatbot-color-light) !important;
40
- color: #000000 !important;
41
  }
 
 
42
  [data-testid = "bot"] {
43
- background-color: #FFFFFF !important;
44
  }
45
  [data-testid = "user"] {
46
- background-color: #95EC69 !important;
47
  }
48
 
49
  /* Dark mode */
@@ -51,11 +66,12 @@ ol:not(.options), ul:not(.options) {
51
  background-color: var(--chatbot-color-dark) !important;
52
  color: #FFFFFF !important;
53
  }
 
54
  .dark [data-testid = "bot"] {
55
- background-color: #2C2C2C !important;
56
  }
57
  .dark [data-testid = "user"] {
58
- background-color: #26B561 !important;
59
  }
60
 
61
  #chuanhu_chatbot {
 
1
  :root {
2
+ --chatbot-color-light: #F3F3F3;
3
  --chatbot-color-dark: #121111;
4
  }
5
 
6
+ .gradio_container {
7
+ background-color: black;
8
+ color: white;
9
+ }
10
+
11
+ .gr-textbox label {
12
+ display: none; /* Versteckt das Label vollständig */
13
+ }
14
+ ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
15
+ color: red; /* Platzhalterfarbe, anpassen nach Bedarf */
16
+ opacity: 1; /* Stellt sicher, dass der Platzhalter gut sichtbar ist */
17
+ }
18
+
19
  /* status_display */
20
  #status_display {
21
  display: flex;
 
47
  }
48
 
49
  /* Thank @Keldos-Li for fixing it */
50
+ /* Light mode (default) : 000000 ersetzen für anderen light-mode...*/
51
  #chuanhu_chatbot {
52
  background-color: var(--chatbot-color-light) !important;
53
+ color: #FFFFFF !important;
54
  }
55
+
56
+
57
  [data-testid = "bot"] {
58
+ //background-color: #FFFFFF !important;
59
  }
60
  [data-testid = "user"] {
61
+ //background-color: #95EC69 !important;
62
  }
63
 
64
  /* Dark mode */
 
66
  background-color: var(--chatbot-color-dark) !important;
67
  color: #FFFFFF !important;
68
  }
69
+
70
  .dark [data-testid = "bot"] {
71
+ //background-color: #2C2C2C !important;
72
  }
73
  .dark [data-testid = "user"] {
74
+ //background-color: #26B561 !important;
75
  }
76
 
77
  #chuanhu_chatbot {