Style offline drive

customize.dist/src/less2/include/colortheme-dark.less

@@ -193,9 +193,9 @@
 @cp_drive-droppable-bg: @cryptpad_color_grey_700;
 @cp_drive-droppable-fg: @cryptpad_text_col;
 @cp_drive-infobox-bg: @cryptpad_color_brand_fadest;
-@cp_drive-infobox-fg: @cryptpad_text_col;
-@cp_drive-warnbox-bg: @cryptpad_color_warn_red;
-@cp_drive-warnbox-fg: @cryptpad_text_col;
+@cp_drive-infobox-fg: @cryptpad_color_brand_300;
+@cp_drive-warnbox-bg: @cryptpad_color_red_fader;
+@cp_drive-warnbox-fg: @cryptpad_color_light_red;
 @cp_drive-tree-branch: @cryptpad_text_col;
 
 // Contextmenu

customize.dist/src/less2/include/colortheme.less

@@ -193,8 +193,8 @@
 @cp_drive-droppable-fg: @cryptpad_text_col;
 @cp_drive-infobox-bg: @cryptpad_color_brand_fadest;
 @cp_drive-infobox-fg: @cryptpad_text_col;
-@cp_drive-warnbox-bg: @cryptpad_color_warn_red;
-@cp_drive-warnbox-fg: @cryptpad_text_col;
+@cp_drive-warnbox-bg: @cryptpad_color_light_red_fade;
+@cp_drive-warnbox-fg:  darken(@cp_alerts-danger-fg, 55%);
 @cp_drive-tree-branch: @cryptpad_text_col;
 
 // Contextmenu

customize.dist/src/less2/include/drive.less

@@ -486,6 +486,13 @@
                 font-size: 1.6rem;
             }
         }
+        &.cp-app-drive-readonly { // applied to offline drive (not read-only shared folders)
+            #cp-app-drive-content-folder {
+                opacity: 0.5;
+            }
+
+            // background: contrast(@cp_sidebar-right-bg, darken(@cp_sidebar-right-bg, 10%), lighten(@cp_sidebar-right-bg, 10%));
+        }
     }
     #cp-app-drive-content {
         box-sizing: border-box;
@@ -503,8 +510,8 @@
             position: absolute;
             z-index: 50;
         }
-        &.cp-app-drive-readonly { // XXX DB find new appearance for disabled/read-only drive?
-            background: contrast(@cp_sidebar-right-bg, darken(@cp_sidebar-right-bg, 10%), lighten(@cp_sidebar-right-bg, 10%));
+        &.cp-app-drive-readonly { // XXX DB never applied?
+            // background: contrast(@cp_sidebar-right-bg, darken(@cp_sidebar-right-bg, 10%), lighten(@cp_sidebar-right-bg, 10%));
         }
         h1 {
             padding-left: 10px;

customize.dist/src/less2/include/forms.less

@@ -295,9 +295,11 @@
         font-weight: bold;
         text-transform: uppercase;
         cursor: default;
+        border-radius: @variables_radius;
         &.cp-banner-danger {
             background-color: @cp_drive-warnbox-bg;
             color: @cp_drive-warnbox-fg;
+            border: 1px solid @cp_drive-warnbox-fg;
         }
         &.cp-banner-info {
             background-color: @cp_drive-infobox-bg;