mirror of
https://github.com/Ladebeze66/coffreobsidian.git
synced 2025-12-16 10:17:45 +01:00
60 lines
2.7 KiB
CSS
60 lines
2.7 KiB
CSS
/* ======================================
|
|
Style personnalisé pour les TABLEAUX
|
|
Obsidian - Thème sombre
|
|
====================================== */
|
|
|
|
/* Style général des tableaux */
|
|
.markdown-preview-view table {
|
|
border-collapse: collapse; /* Fusionne les bordures des cellules */
|
|
width: 100%; /* Prend toute la largeur disponible */
|
|
margin: 1em 0; /* Espace au-dessus et en dessous */
|
|
background-color: #1e1e1e; /* Couleur de fond du tableau */
|
|
color: #e0e0e0; /* Couleur du texte */
|
|
border: px solid #444; /* Bordure extérieure */
|
|
font-size: 0.95em; /* Légère réduction de la taille de police */
|
|
}
|
|
|
|
/* Style des cellules générales (corps du tableau) */
|
|
.markdown-preview-view td {
|
|
padding: 10px; /* Espace intérieur dans chaque cellule */
|
|
border: 1px solid #444; /* Bordure autour des cellules */
|
|
text-align: left; /* Alignement du texte */
|
|
vertical-align: top; /* Aligne en haut par défaut */
|
|
background-color: #2a2a2a; /* Fond des cellules */
|
|
color: #dddddd; /* Couleur du texte des cellules */
|
|
}
|
|
|
|
/* En-tête de colonne */
|
|
.markdown-preview-view th {
|
|
padding: 12px; /* Espace intérieur des cellules en-tête */
|
|
border: 1px solid #555; /* Bordure */
|
|
background-color: #333; /* Fond plus contrasté pour les titres */
|
|
color: #ffffff; /* Texte plus clair */
|
|
text-transform: uppercase; /* Met en majuscules les titres */
|
|
font-weight: bold; /* Met les en-têtes en gras */
|
|
text-align: center; /* Centre les titres par défaut */
|
|
}
|
|
|
|
/* Ligne survolée */
|
|
.markdown-preview-view tr:hover {
|
|
background-color: #383838; /* Changement de fond au survol */
|
|
}
|
|
|
|
/* Style de la première colonne si elle agit comme un titre de ligne */
|
|
.markdown-preview-view td:first-child {
|
|
font-weight: 600; /* Légèrement plus gras */
|
|
color: #f1c40f; /* Couleur différente pour se démarquer */
|
|
background-color: #262626; /* Fond un peu plus sombre */
|
|
}
|
|
|
|
/* Si tu veux ajouter une bordure arrondie au tableau */
|
|
.markdown-preview-view table {
|
|
border-radius: 6px; /* Coins arrondis */
|
|
overflow: hidden; /* Empêche le débordement des coins */
|
|
}
|
|
|
|
/* Si tu veux ajuster l'espacement entre les lignes */
|
|
.markdown-preview-view tr {
|
|
line-height: 1.6; /* Hauteur de ligne agréable */
|
|
}
|
|
|