xi-conversations

Minimal clone of thunderbird conversations
git clone https://git.ce9e.org/xi-conversations.git

commit
573735a981ab5cb85f32efcd8b5256f01d4fcb5e
parent
9ae4bd359a632cc5f5ee3cf857c177bacc7d02d3
Author
Tobias Bengfort <tobias.bengfort@posteo.de>
Date
2025-09-03 11:25
add some shadows

Diffstat

M content/style.css 5 +++++

1 files changed, 5 insertions, 0 deletions


diff --git a/content/style.css b/content/style.css

@@ -6,6 +6,7 @@
    6     6 	--odd: -moz-OddTreeRow;
    7     7 	--highlight-bg: -moz-CellHighlight;
    8     8 	--highlight-fg: -moz-CellHighlightText;
   -1     9 	--shadow: #0005;
    9    10 }
   10    11 
   11    12 @media (prefers-color-scheme: dark) {
@@ -72,12 +73,14 @@ body {
   72    73 
   73    74 .conversation__header {
   74    75 	display: flex;
   -1    76 	z-index: 2;
   75    77 	justify-content: space-between;
   76    78 	padding: 1em;
   77    79 	gap: 1em;
   78    80 	background-color: var(--bg);
   79    81 	color: var(--fg);
   80    82 	border-block-end: 1px solid var(--border);
   -1    83 	box-shadow: 0 0 0.2em var(--shadow);
   81    84 }
   82    85 
   83    86 .conversation__main {
@@ -101,6 +104,7 @@ body {
  101   104 	min-inline-size: 15em;
  102   105 	border-radius: 0.4em;
  103   106 	border: 1px solid var(--border);
   -1   107 	box-shadow: 0 0 0.1em var(--shadow);
  104   108 }
  105   109 [aria-expanded="true"] + .dropdown {
  106   110 	display: block;
@@ -143,6 +147,7 @@ body {
  143   147 	background-color: var(--bg);
  144   148 	color: var(--fg);
  145   149 	border: 1px solid var(--border);
   -1   150 	box-shadow: 0 0 0.1em var(--shadow);
  146   151 }
  147   152 .message .message__details,
  148   153 .message .message__recipients {