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 |
-
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|