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