Hi, I recently migrated to Thunderbird, and like this "skin" a lot. Regarding Outlook-lookalike, I guess, there are two things missing that might be interesting to have not just in my custom.css, but release as builtin feature:
-
Highlight a selected mail in table view in the eMail tab.
At the moment, it just has light blue text color, easy to miss.
-
If grouped, e.g., by time periods, have a little more space above the time period label except for the first one.
At the moment, it's a regular line in the table. Looks strange to me.
Disclaimer: gemini wrote that CSS code, here goes:
/* ====================================================================
1. GLOBAL RULES FOR ALL DATE SEPARATORS
==================================================================== */
/* Increases the overall row height to create space at the top */
#threadTree tr[data-properties~="dummy"] {
height: 46px !important;
}
/* Forces the arrow AND the text precisely to the bottom edge */
#threadTree tr[data-properties~="dummy"] td .td-content-container,
#threadTree tr[data-properties~="dummy"] td div,
#threadTree tr[data-properties~="dummy"] td .thread-card-row {
display: flex !important;
align-items: flex-end !important;
align-content: flex-end !important;
}
/* Pushes the pure text block downwards */
#threadTree tr[data-properties~="dummy"] td span,
#threadTree tr[data-properties~="dummy"] td .date {
margin-top: auto !important;
padding-bottom: 5px !important;
/* Outlook font settings: Semibold & specific dark gray */
font-weight: 600 !important;
color: #323130 !important;
}
/* Styles the table cells (separator line at the BOTTOM in Outlook style) */
#threadTree tr[data-properties~="dummy"] td {
/* The line is now at the BOTTOM, is solid, and uses the Outlook blue-gray */
border-bottom: 1px solid #d2d6dc !important;
padding-bottom: 2px !important;
}
/* ====================================================================
2. EXCEPTION FOR THE VERY FIRST SEPARATOR (TOPMOST)
==================================================================== */
/* Resets the row height for the very first separator (e.g., "Yesterday") back to default */
#threadTree tbody tr[data-properties~="dummy"]:first-child {
height: var(--thread-row-height, 26px) !important;
}
/* Resets the vertical alignment for the first separator back to the center */
#threadTree tbody tr[data-properties~="dummy"]:first-child td .td-content-container,
#threadTree tbody tr[data-properties~="dummy"]:first-child td div,
#threadTree tbody tr[data-properties~="dummy"]:first-child td span {
align-items: center !important;
margin-top: 0 !important;
padding-bottom: 0 !important;
}
/* ====================================================================
3. SELECTED MAIL BACKGROUND COLOR
==================================================================== */
/* Force background color for the selected email in the table view */
#threadTree tr[is="thread-row"].selected {
background-color: #0078d4 !important; /* Windows Blue - adjust as desired */
color: #ffffff !important; /* White text color for better readability */
}
/* Optional: Prevents the color from fading when Thunderbird loses focus */
#threadTree tr[is="thread-row"].selected:not(:focus-within) {
background-color: #0078d4 !important;
color: #ffffff !important;
}
Hi, I recently migrated to Thunderbird, and like this "skin" a lot. Regarding Outlook-lookalike, I guess, there are two things missing that might be interesting to have not just in my
custom.css, but release as builtin feature:Highlight a selected mail in table view in the eMail tab.
At the moment, it just has light blue text color, easy to miss.
If grouped, e.g., by time periods, have a little more space above the time period label except for the first one.
At the moment, it's a regular line in the table. Looks strange to me.
Disclaimer: gemini wrote that CSS code, here goes: