Hugging Face's logo

Spaces:
cmckinle
/
ImageDetector
Sleeping

App Files Community
cmckinle commited on
Commit
c1f19b9
·
verified ·
1 Parent(s): 4cbdf2f

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +37 -27
app.py CHANGED
@@ -107,47 +107,57 @@ def format_classification_report(labels, preds):
107
  # Create an HTML table with updated CSS
108
  html = """
109
  <style>
110
- @media (prefers-color-scheme: dark) {
111
- :root {
112
- --bg-color: #2d2d2d;
113
- --text-color: #e0e0e0;
114
- --border-color: #555;
115
- --header-bg: #3d3d3d;
116
- --row-hover: #3a3a3a;
117
- --row-even: #333;
118
- }
119
- }
120
- @media (prefers-color-scheme: light) {
121
- :root {
122
- --bg-color: #ffffff;
123
- --text-color: #333333;
124
- --border-color: #ddd;
125
- --header-bg: #f2f2f2;
126
- --row-hover: #f5f5f5;
127
- --row-even: #f9f9f9;
128
- }
129
- }
130
  .report-table {
131
  border-collapse: collapse;
132
  width: 100%;
133
  font-family: Arial, sans-serif;
134
- background-color: var(--bg-color);
135
- color: var(--text-color);
136
  }
137
  .report-table th, .report-table td {
138
- border: 1px solid var(--border-color);
139
  padding: 8px;
140
  text-align: center;
141
  }
142
  .report-table th {
143
- background-color: var(--header-bg);
144
  font-weight: bold;
145
  }
146
  .report-table tr:nth-child(even) {
147
- background-color: var(--row-even);
148
  }
149
- .report-table tr:hover {
150
- background-color: var(--row-hover);
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
151
  }
152
  </style>
153
  <table class="report-table">
 
107
  # Create an HTML table with updated CSS
108
  html = """
109
  <style>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
110
  .report-table {
111
  border-collapse: collapse;
112
  width: 100%;
113
  font-family: Arial, sans-serif;
 
 
114
  }
115
  .report-table th, .report-table td {
116
+ border: 1px solid;
117
  padding: 8px;
118
  text-align: center;
119
  }
120
  .report-table th {
 
121
  font-weight: bold;
122
  }
123
  .report-table tr:nth-child(even) {
124
+ background-color: rgba(0, 0, 0, 0.05);
125
  }
126
+ @media (prefers-color-scheme: dark) {
127
+ .report-table {
128
+ color: #e0e0e0;
129
+ background-color: #2d2d2d;
130
+ }
131
+ .report-table th, .report-table td {
132
+ border-color: #555;
133
+ }
134
+ .report-table th {
135
+ background-color: #3d3d3d;
136
+ }
137
+ .report-table tr:nth-child(even) {
138
+ background-color: #333;
139
+ }
140
+ .report-table tr:hover {
141
+ background-color: #3a3a3a;
142
+ }
143
+ }
144
+ @media (prefers-color-scheme: light) {
145
+ .report-table {
146
+ color: #333333;
147
+ background-color: #ffffff;
148
+ }
149
+ .report-table th, .report-table td {
150
+ border-color: #ddd;
151
+ }
152
+ .report-table th {
153
+ background-color: #f2f2f2;
154
+ }
155
+ .report-table tr:nth-child(even) {
156
+ background-color: #f9f9f9;
157
+ }
158
+ .report-table tr:hover {
159
+ background-color: #f5f5f5;
160
+ }
161
  }
162
  </style>
163
  <table class="report-table">