v0.0.5

src/web/css/55-roundcube-skins.css

@@ -1,8 +1,3 @@
-/* Roundcube-compatible visual skins.
-   Palette values are aligned to Roundcube Classic and Elastic upstream CSS.
-   Classic never shipped an official dark skin; the dark block is a contrast-preserving adaptation. */
-
-/* ---------- Roundcube Classic ---------- */
 html[data-interface-skin="roundcube-classic"] {
   --font-sans: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
   --font-mono: Monaco, "Courier New", monospace;
@@ -193,7 +188,7 @@ html[data-interface-skin="roundcube-classic"] .message-row.active .message-state
 html[data-interface-skin="roundcube-classic"] .message-row.selected .message-date,
 html[data-interface-skin="roundcube-classic"] .message-row.selected .message-snippet {
   color: #ffffff;
-  border-color: rgba(255,255,255,.8);
+  border-color: rgba(255, 255, 255, .8);
 }
 
 html[data-interface-skin="roundcube-classic"] .settings-tab {
@@ -212,7 +207,7 @@ html[data-interface-skin="roundcube-classic"] .diagnostic-card {
   border-radius: 0;
 }
 
-/* ---------- Roundcube Elastic ---------- */
+
 html[data-interface-skin="roundcube-elastic"] {
   --font-sans: Roboto, "Segoe UI", Arial, sans-serif;
   --radius-control: .3rem;
@@ -369,7 +364,7 @@ html[data-interface-skin="roundcube-elastic"] .appearance-preset:hover {
   border-color: #37beff;
 }
 
-/* Mobile drawer follows the active skin and uses Roundcube Elastic's back affordance. */
+
 @media (max-width: 820px) {
   .folder-drawer-header.mobile-only {
     display: grid;
@@ -431,4 +426,4 @@ html[data-interface-skin="roundcube-elastic"] .appearance-preset:hover {
   html[data-interface-skin="roundcube-elastic"][data-theme="dark"] .folder-drawer-header {
     background: #2f3a3f;
   }
-}
+}