Hugging Face's logo

Spaces:
OpenXAIProject
/
pnpxai-image-classification
Sleeping

App Files Community
chanycha commited on
Commit
0d60659
•
1 Parent(s): ed2055f

update

Browse files
Files changed (1) hide show
  1. static/overview.html +36 -15
static/overview.html CHANGED
@@ -27,22 +27,43 @@
27
  color: #3498db;
28
  }
29
 
30
- .highlight {
31
- display: inline-block;
32
- background-color: #ffe8ef; /* Background color of the box */
33
- color: #C01343 !important; /* Text color */
34
- padding: 2px 5px; /* Padding inside the box */
35
- border-radius: 5px; /* Rounded corners */
36
- border: 1px solid rgba(0, 0, 0, 0.2); /* Border (optional for added effect) */
37
- }
38
- .button {
39
- display: inline-block;
40
- background-color: #fdba74; /* Background color of the box */
41
- color: #ea580c !important; /* Text color */
42
- padding: 2px 5px; /* Padding inside the box */
43
- border-radius: 5px; /* Rounded corners */
44
- border: 1px solid rgba(0, 0, 0, 0.2); /* Border (optional for added effect) */
 
 
45
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
46
 
47
  </style>
48
  </head>
 
27
  color: #3498db;
28
  }
29
 
30
+ @media (prefers-color-scheme: dark) {
31
+ .highlight {
32
+ display: inline-block;
33
+ background-color: #333; /* Background color of the box */
34
+ color: #ffffff !important; /* Text color */
35
+ padding: 2px 5px; /* Padding inside the box */
36
+ border-radius: 5px; /* Rounded corners */
37
+ border: 1px solid rgba(0, 0, 0, 0.2); /* Border (optional for added effect) */
38
+ }
39
+ .button {
40
+ display: inline-block;
41
+ background-color: #f97316; /* Background color of the box */
42
+ color: #f39c12 !important; /* Text color */
43
+ padding: 2px 5px; /* Padding inside the box */
44
+ border-radius: 5px; /* Rounded corners */
45
+ border: 1px solid rgba(0, 0, 0, 0.2); /* Border (optional for added effect) */
46
+ }
47
  }
48
+
49
+ @media (prefers-color-scheme: light) {
50
+ .highlight {
51
+ display: inline-block;
52
+ background-color: #ffe8ef; /* Background color of the box */
53
+ color: #C01343 !important; /* Text color */
54
+ padding: 2px 5px; /* Padding inside the box */
55
+ border-radius: 5px; /* Rounded corners */
56
+ border: 1px solid rgba(0, 0, 0, 0.2); /* Border (optional for added effect) */
57
+ }
58
+ .button {
59
+ display: inline-block;
60
+ background-color: #fdba74; /* Background color of the box */
61
+ color: #ea580c !important; /* Text color */
62
+ padding: 2px 5px; /* Padding inside the box */
63
+ border-radius: 5px; /* Rounded corners */
64
+ border: 1px solid rgba(0, 0, 0, 0.2); /* Border (optional for added effect) */
65
+ }
66
+ }
67
 
68
  </style>
69
  </head>