gustavehub / assets /style.css
datacipen's picture
Update assets/style.css
3d2f310 verified
/* Add your custom CSS here */
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
margin: 0;
padding: 0;
background-color: #f0f2f5;
}
body[data-mantine-color-scheme="light"] {
background-color: #f8f9fa;
}
body[data-mantine-color-scheme="dark"] {
background-color: #060621;
}
.mantine-AppShell-main {
transition: background-color 0.3s ease-in-out;
}
.tooltip-wrapper {
height: 100%;
display: flex;
flex-direction: column;
}
body[data-mantine-color-scheme="light"] h1,
body[data-mantine-color-scheme="light"] h2,
body[data-mantine-color-scheme="light"] h3,
body[data-mantine-color-scheme="light"] h4,
body[data-mantine-color-scheme="light"] h5,
body[data-mantine-color-scheme="light"] h6 {
color: #000000; /* Noir pour les titres en thème clair */
}
body[data-mantine-color-scheme="light"] a {
color: #000000; /* Noir pour les liens en thème clair */
}
/* Custom styles for NavLink hover in dark theme */
body[data-mantine-color-scheme="dark"] .mantine-NavLink-root:hover {
background: #181F2F !important;
color: white !important; /* Assure que la couleur du texte est visible */
}
.m_3b16f56b, .m_3840c879 {background-color:#060621!important}