Spaces:
Sleeping
Sleeping
Delete theme
Browse files
theme/themes_calm_seafoam.css
DELETED
@@ -1,78 +0,0 @@
|
|
1 |
-
/* calm_seafoam.css */
|
2 |
-
|
3 |
-
/* General Body Styling */
|
4 |
-
html, body {
|
5 |
-
background-color: #e0f7fa; /* Light seafoam color */
|
6 |
-
color: #00796b; /* Dark teal color */
|
7 |
-
font-family: 'Roboto', sans-serif; /* Default font */
|
8 |
-
}
|
9 |
-
|
10 |
-
/* Header Styling */
|
11 |
-
h1, h2, h3, h4 {
|
12 |
-
color: #004d40; /* Deep teal for headings */
|
13 |
-
}
|
14 |
-
|
15 |
-
/* Styling for Tabs */
|
16 |
-
.gradio-tab {
|
17 |
-
background-color: #009688; /* Teal for tab background */
|
18 |
-
color: white; /* White text */
|
19 |
-
}
|
20 |
-
|
21 |
-
.gradio-tab:hover {
|
22 |
-
background-color: #00796b; /* Darker teal on hover */
|
23 |
-
}
|
24 |
-
|
25 |
-
/* Button Styling */
|
26 |
-
.gr-button, .gr-button:focus {
|
27 |
-
background-color: #3c6487; /* Button background */
|
28 |
-
color: white;
|
29 |
-
border-radius: 8px;
|
30 |
-
padding: 10px 15px; /* Adjusted padding */
|
31 |
-
}
|
32 |
-
|
33 |
-
.gr-button:hover {
|
34 |
-
background: linear-gradient(to right, #a0c4e1, #3c6487); /* Gradient on hover */
|
35 |
-
}
|
36 |
-
|
37 |
-
/* Input Styling */
|
38 |
-
textarea, input {
|
39 |
-
background: white; /* Input background */
|
40 |
-
color: black; /* Text color */
|
41 |
-
border: 2px solid #004d40; /* Dark teal border for inputs */
|
42 |
-
padding: 10px;
|
43 |
-
border-radius: 8px;
|
44 |
-
}
|
45 |
-
|
46 |
-
/* Markdown Styling */
|
47 |
-
.markdown {
|
48 |
-
background-color: #b2dfdb; /* Light background for markdown */
|
49 |
-
padding: 15px; /* Padding for Markdown sections */
|
50 |
-
border-radius: 10px; /* Round corners */
|
51 |
-
border: 1px solid #00796b; /* Border to distinguish */
|
52 |
-
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Light shadow */
|
53 |
-
}
|
54 |
-
|
55 |
-
/* DataFrame Container Styling */
|
56 |
-
.df-container {
|
57 |
-
background: #ffffff; /* White background for dataframes */
|
58 |
-
color: black; /* Black text */
|
59 |
-
border: 2px solid #3c6487; /* Matching border color for dataframes */
|
60 |
-
border-radius: 10px;
|
61 |
-
padding: 10px;
|
62 |
-
}
|
63 |
-
|
64 |
-
/* Suggestions Table */
|
65 |
-
.markdown {
|
66 |
-
padding: 15px; /* Padding for suggestions */
|
67 |
-
border: 1px solid #00796b; /* Border for suggestions */
|
68 |
-
}
|
69 |
-
|
70 |
-
/* Dark Mode Styles */
|
71 |
-
body.dark {
|
72 |
-
background-color: #004d40; /* Dark teal background */
|
73 |
-
color: #e0f7fa; /* Light text */
|
74 |
-
}
|
75 |
-
|
76 |
-
body.dark h1, body.dark h2, body.dark h3, body.dark h4 {
|
77 |
-
color: #a7ffeb; /* Light color for headings in dark mode */
|
78 |
-
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|