wait #5461 @0.5

diff --git a/public/packages/fluidbook/toolbox/css/linkeditor.css b/public/packages/fluidbook/toolbox/css/linkeditor.css
index c3c0fcee04fb3deb3afa5004eda1d724686ce887..b49dcbb3f64427cb3f7547df513b7cb44f30f175 100644 (file)
--- a/public/packages/fluidbook/toolbox/css/linkeditor.css
+++ b/public/packages/fluidbook/toolbox/css/linkeditor.css
@@ -3,6 +3,14 @@
   padding: 0;
   box-sizing: border-box;
 }
+body {
+  background-color: #ebecee;
+}
+@media (prefers-color-scheme: dark) {
+  body {
+    background-color: #333;
+  }
+}
 img,
 .division,
 .info {
@@ -31,6 +39,11 @@ html {
   width: 40px;
   background-color: #EBECEE;
 }
+@media (prefers-color-scheme: dark) {
+  #linkeditor aside {
+    background-color: #333;
+  }
+}
 #linkeditor #linkeditor-main {
   width: calc(100% - 40px - 40px);
 }
@@ -40,6 +53,16 @@ html {
   height: 40px;
   padding: 5px;
 }
+@media (prefers-color-scheme: dark) {
+  #linkeditor #linkeditor-main #linkeditor-toolbar {
+    background-color: #444;
+  }
+}
+@media (prefers-color-scheme: dark) {
+  #linkeditor #linkeditor-main #linkeditor-toolbar {
+    color: #bbb;
+  }
+}
 #linkeditor #linkeditor-main #linkeditor-toolbar nav {
   padding: 2px;
   display: inline-block;
@@ -73,6 +96,12 @@ html {
   margin: 0 8px;
   font-weight: 600;
 }
+@media (prefers-color-scheme: dark) {
+  #linkeditor #linkeditor-main #linkeditor-toolbar #linkeditor-page-field {
+    background-color: #000;
+    border-color: #333;
+  }
+}
 #linkeditor #linkeditor-main #linkeditor-toolbar #linkeditor-page-field input {
   vertical-align: top;
   text-align: right;
@@ -85,6 +114,11 @@ html {
   font-weight: 600;
   position: relative;
 }
+@media (prefers-color-scheme: dark) {
+  #linkeditor #linkeditor-main #linkeditor-toolbar #linkeditor-page-field input {
+    color: #bbb;
+  }
+}
 #linkeditor #linkeditor-main #linkeditor-toolbar #linkeditor-page-field input::-webkit-outer-spin-button,
 #linkeditor #linkeditor-main #linkeditor-toolbar #linkeditor-page-field input::-webkit-inner-spin-button {
   -webkit-appearance: none;
@@ -106,10 +140,21 @@ html {
   text-align: center;
   color: #5d5d5d;
 }
+@media (prefers-color-scheme: dark) {
+  #linkeditor #linkeditor-main #linkeditor-toolbar [data-icon] {
+    color: #bbb;
+  }
+}
 #linkeditor #linkeditor-main #linkeditor-toolbar [data-icon]:hover,
 #linkeditor #linkeditor-main #linkeditor-toolbar [data-icon].hover {
   background-color: #fff;
 }
+@media (prefers-color-scheme: dark) {
+  #linkeditor #linkeditor-main #linkeditor-toolbar [data-icon]:hover,
+  #linkeditor #linkeditor-main #linkeditor-toolbar [data-icon].hover {
+    background-color: #000;
+  }
+}
 #linkeditor #linkeditor-main #linkeditor-toolbar [data-icon].arrow {
   padding: 1px;
 }
@@ -179,6 +224,11 @@ html {
   width: 100%;
   height: 100%;
 }
+@media (prefers-color-scheme: dark) {
+  #linkeditor #linkeditor-main #linkeditor-editor #linkeditor-rulers {
+    color: #eee;
+  }
+}
 #linkeditor #linkeditor-main #linkeditor-editor #linkeditor-rulers #linkeditor-ruler-corner {
   position: absolute;
   top: 0px;
@@ -188,6 +238,11 @@ html {
   z-index: 5;
   background-color: #aaa;
 }
+@media (prefers-color-scheme: dark) {
+  #linkeditor #linkeditor-main #linkeditor-editor #linkeditor-rulers #linkeditor-ruler-corner {
+    background-color: #666;
+  }
+}
 #linkeditor #linkeditor-main #linkeditor-editor #linkeditor-rulers .ruler-bar {
   overflow: hidden;
   position: absolute;
@@ -209,13 +264,25 @@ html {
   top: 0;
   left: 0;
   background-color: #fff;
+  color: #000;
   padding: 3px;
 }
+@media (prefers-color-scheme: dark) {
+  #linkeditor #linkeditor-main #linkeditor-editor #linkeditor-rulers .ruler-bar .info span {
+    background-color: #000;
+    color: #fff;
+  }
+}
 #linkeditor #linkeditor-main #linkeditor-editor #linkeditor-rulers .ruler-bar .division {
   pointer-events: none;
   position: absolute;
   background: #fff;
 }
+@media (prefers-color-scheme: dark) {
+  #linkeditor #linkeditor-main #linkeditor-editor #linkeditor-rulers .ruler-bar .division {
+    background-color: #000;
+  }
+}
 #linkeditor #linkeditor-main #linkeditor-editor #linkeditor-rulers .ruler-bar .division .value {
   position: absolute;
   font-size: 12px;
@@ -231,11 +298,22 @@ html {
   height: 16px;
   border-left: 1px dotted #333;
 }
+@media (prefers-color-scheme: dark) {
+  #linkeditor #linkeditor-main #linkeditor-editor #linkeditor-rulers #linkeditor-ruler-x .info {
+    border-color: #eee;
+  }
+}
 #linkeditor #linkeditor-main #linkeditor-editor #linkeditor-rulers #linkeditor-ruler-x .division,
 #linkeditor #linkeditor-main #linkeditor-editor #linkeditor-rulers #linkeditor-ruler-x .subdivision {
   width: 0px;
   border-left: 1px solid #333;
 }
+@media (prefers-color-scheme: dark) {
+  #linkeditor #linkeditor-main #linkeditor-editor #linkeditor-rulers #linkeditor-ruler-x .division,
+  #linkeditor #linkeditor-main #linkeditor-editor #linkeditor-rulers #linkeditor-ruler-x .subdivision {
+    border-color: #eee;
+  }
+}
 #linkeditor #linkeditor-main #linkeditor-editor #linkeditor-rulers #linkeditor-ruler-x .division {
   height: 16px;
 }
@@ -258,6 +336,11 @@ html {
   width: 16px;
   border-bottom: 1px dotted #333;
 }
+@media (prefers-color-scheme: dark) {
+  #linkeditor #linkeditor-main #linkeditor-editor #linkeditor-rulers #linkeditor-ruler-y .info {
+    border-color: #eee;
+  }
+}
 #linkeditor #linkeditor-main #linkeditor-editor #linkeditor-rulers #linkeditor-ruler-y .info span {
   transform-origin: 0 0;
   transform: rotate(270deg);
@@ -267,6 +350,12 @@ html {
   height: 0px;
   border-bottom: 1px solid #333;
 }
+@media (prefers-color-scheme: dark) {
+  #linkeditor #linkeditor-main #linkeditor-editor #linkeditor-rulers #linkeditor-ruler-y .division,
+  #linkeditor #linkeditor-main #linkeditor-editor #linkeditor-rulers #linkeditor-ruler-y .subdivision {
+    border-color: #eee;
+  }
+}
 #linkeditor #linkeditor-main #linkeditor-editor #linkeditor-rulers #linkeditor-ruler-y .division {
   width: 16px;
 }
@@ -309,6 +398,11 @@ html {
   max-width: calc( 100% - 16px);
   overflow: auto;
 }
+@media (prefers-color-scheme: dark) {
+  #linkeditor #linkeditor-main #linkeditor-editor #linkeditor-canvas {
+    background-color: #222;
+  }
+}
 #linkeditor #linkeditor-main #linkeditor-editor #linkeditor-canvas::-webkit-scrollbar {
   width: 6px;
   height: 6px;

diff --git a/public/packages/fluidbook/toolbox/css/linkeditor.css.map b/public/packages/fluidbook/toolbox/css/linkeditor.css.map
index 2dda2b3fb63596f6f0329b9f8f8fd9f83c174d19..e351ac04d674f89dc9db53b87d606d04a952dd74 100644 (file)
--- a/public/packages/fluidbook/toolbox/css/linkeditor.css.map
+++ b/public/packages/fluidbook/toolbox/css/linkeditor.css.map
@@ -1 +1 @@
-{"version":3,"sources":["linkeditor.less"],"names":[],"mappings":"AAAA;EACI,SAAA;EACA,UAAA;EACA,sBAAA;;AAMJ;AAAK;AAAW;EACZ,iBAAA;EACA,eAAA;;AAGJ;AAAM;AAAa;EACf,YAAA;EACA,WAAA;EACA,gBAAA;;AAGJ;EAGI,mBAAA;EACA,YAAA;;AAJJ,WAMI;AANJ,WAMW;EACH,qBAAA;EACA,YAAA;EACA,mBAAA;EACA,gBAAA;;AAVR,WAaI;EACI,WAAA;EACA,yBAAA;;AAfR,WAkBI;EAGI,+BAAA;;AArBR,WAkBI,iBAKI;EAGI,yBAAA;EACA,cAAA;EACA,YAAA;EACA,YAAA;;AA7BZ,WAkBI,iBAKI,oBAQI;EACI,YAAA;EACA,qBAAA;EACA,YAAA;EACA,mBAAA;EACA,UAAA;;AAEA,WApBZ,iBAKI,oBAQI,IAOK;EACG,kBAAA;;AAvCpB,WAkBI,iBAKI,oBAwBI;EACI,qBAAA;EACA,eAAA;;AAjDhB,WAkBI,iBAKI,oBA6BI;EACI,QAAA;EACA,YAAA;EACA,aAAA;EACA,8BAAA;;AAxDhB,WAkBI,iBAKI,oBAoCI;EACI,iBAAA;EACA,sBAAA;EACA,sBAAA;EACA,kBAAA;EACA,YAAA;EACA,eAAA;EACA,kBAAA;EACA,SAAA;EACA,iBAAA;EACA,aAAA;EACA,gBAAA;;AAtEhB,WAkBI,iBAKI,oBAoCI,uBAaI;EACI,mBAAA;EACA,iBAAA;EACA,SAAA;EACA,6BAAA;EACA,WAAA;EACA,cAAA;EACA,eAAA;EACA,qBAAA;EAKA,gBAAA;EACA,kBAAA;;AALA,WA/DhB,iBAKI,oBAoCI,uBAaI,MASK;AAA4B,WA/D7C,iBAKI,oBAoCI,uBAaI,MASkC;EAC1B,wBAAA;EACA,SAAA;;AAMJ,WAvEhB,iBAKI,oBAoCI,uBAaI,MAiBK;AAAQ,WAvEzB,iBAKI,oBAoCI,uBAaI,MAiBc;EACN,UAAA;EACA,SAAA;;AA3FxB,WAkBI,iBAKI,oBAyEI;EACI,qBAAA;EACA,mBAAA;EACA,YAAA;EACA,eAAA;EACA,YAAA;EACA,kBAAA;EACA,aAAA;EACA,kBAAA;EACA,cAAA;;AAEA,WAzFZ,iBAKI,oBAyEI,YAWK;AAAQ,WAzFrB,iBAKI,oBAyEI,YAWc;EACN,sBAAA;;AAGJ,WA7FZ,iBAKI,oBAyEI,YAeK;EACG,YAAA;;AADJ,WA7FZ,iBAKI,oBAyEI,YAeK,MAGG;EACI,YAAA;;AAnHxB,WAkBI,iBAKI,oBAyEI,YAuBI;EACI,kBAAA;EACA,QAAA;EACA,YAAA;EACA,WAAA;;AA3HpB,WAkBI,iBA8GI;EACI,kBAAA;EACA,0BAAA;EACA,WAAA;;AAnIZ,WAkBI,iBA8GI,mBAOI;EACI,kBAAA;EACA,MAAA;EACA,OAAA;EACA,aAAA;EACA,eAAA;EACA,kBAAA;EACA,mBAAA;;AAEA,WA9HZ,iBA8GI,mBAOI,OASK;EACG,kBAAA;EACA,SAAS,EAAT;EACA,cAAA;EACA,YAAA;EACA,WAAA;;AAGJ,WAtIZ,iBA8GI,mBAOI,OAiBK;EACG,kBAAA;;AAGJ,WA1IZ,iBA8GI,mBAOI,OAqBK;EACG,kBAAA;;AAGJ,WA9IZ,iBA8GI,mBAOI,OAyBK;EACG,UAAA;EACA,0BAAA;EACA,sBAAA;EACA,kBAAA;EACA,SAAA;;AAEA,WArJhB,iBA8GI,mBAOI,OAyBK,eAOI;EACG,UAAA;EACA,UAAA;;AAIR,WA3JZ,iBA8GI,mBAOI,OAsCK;EACG,wBAAA;EACA,WAAA;EACA,yBAAA;EACA,UAAA;;AAEA,WAjKhB,iBA8GI,mBAOI,OAsCK,eAMI;EACG,SAAA;EACA,WAAA;EACA,kBAAA;;AAtLxB,WAkBI,iBA8GI,mBA4DI;EAGI,WAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;EACA,WAAA;EACA,YAAA;;AApMhB,WAkBI,iBA8GI,mBA4DI,mBAUI;EACI,kBAAA;EACA,QAAA;EACA,SAAA;EACA,WAAA;EACA,YAAA;EACA,UAAA;EACA,sBAAA;;AA7MpB,WAkBI,iBA8GI,mBA4DI,mBAoBI;EACI,gBAAA;EACA,kBAAA;EACA,OAAA;EACA,MAAA;;AApNpB,WAkBI,iBA8GI,mBA4DI,mBAoBI,WAMI;EACI,kBAAA;EACA,MAAA;EACA,OAAA;EACA,UAAA;EACA,eAAA;EACA,gBAAA;EACA,aAAA;;AA7NxB,WAkBI,iBA8GI,mBA4DI,mBAoBI,WAMI,MASI;EACI,cAAA;EACA,kBAAA;EACA,MAAA;EACA,OAAA;EACA,sBAAA;EACA,YAAA;;AArO5B,WAkBI,iBA8GI,mBA4DI,mBAoBI,WAyBI;EACI,oBAAA;EACA,kBAAA;EACA,gBAAA;;AA5OxB,WAkBI,iBA8GI,mBA4DI,mBAoBI,WAyBI,UAKI;EACI,kBAAA;EACA,eAAA;;AAhP5B,WAkBI,iBA8GI,mBA4DI,mBAoBI,WAyBI,UAUI;EACI,kBAAA;;AApP5B,WAkBI,iBA8GI,mBA4DI,mBA6DI;EACI,YAAA;EACA,WAAA;;AA3PpB,WAkBI,iBA8GI,mBA4DI,mBA6DI,oBAII;EACI,YAAA;EACA,4BAAA;;AA/PxB,WAkBI,iBA8GI,mBA4DI,mBA6DI,oBASI;AAlQpB,WAkBI,iBA8GI,mBA4DI,mBA6DI,oBASe;EACP,UAAA;EACA,2BAAA;;AApQxB,WAkBI,iBA8GI,mBA4DI,mBA6DI,oBAcI;EACI,YAAA;;AAxQxB,WAkBI,iBA8GI,mBA4DI,mBA6DI,oBAcI,UAGI;EACI,WAAA;EACA,SAAA;;AA5Q5B,WAkBI,iBA8GI,mBA4DI,mBA6DI,oBAuBI;EACI,SAAA;EACA,WAAA;;AAEA,WAlQpB,iBA8GI,mBA4DI,mBA6DI,oBAuBI,aAIK;EACG,WAAA;;AArR5B,WAkBI,iBA8GI,mBA4DI,mBA8FI;EACI,WAAA;EACA,YAAA;;AA5RpB,WAkBI,iBA8GI,mBA4DI,mBA8FI,oBAII;EACI,WAAA;EACA,8BAAA;;AAhSxB,WAkBI,iBA8GI,mBA4DI,mBA8FI,oBAII,MAII;EACI,qBAAA;EACA,WAAW,cAAX;;AApS5B,WAkBI,iBA8GI,mBA4DI,mBA8FI,oBAcI;AAxSpB,WAkBI,iBA8GI,mBA4DI,mBA8FI,oBAce;EACP,WAAA;EACA,6BAAA;;AA1SxB,WAkBI,iBA8GI,mBA4DI,mBA8FI,oBAmBI;EACI,WAAA;;AA9SxB,WAkBI,iBA8GI,mBA4DI,mBA8FI,oBAmBI,UAGI;EACI,kBAAA;EACA,eAAA;EACA,qBAAA;EACA,mBAAA;EACA,iBAAA;EACA,oBAAA;EACA,QAAA;EACA,SAAA;;AAxT5B,WAkBI,iBA8GI,mBA4DI,mBA8FI,oBAmBI,UAcI;EACI,QAAA;EACA,UAAA;;AAEA,WA7SxB,iBA8GI,mBA4DI,mBA8FI,oBAmBI,UAcI,aAIK;EACG,UAAA;;AAhUhC,WAkBI,iBA8GI,mBAuMI;EACI,WAAA;EACA,YAAA;EACA,eAAA;EACA,gBAAA;EACA,gBAAA;EACA,eAAA;EACA,qBAAA;EACA,gBAAA;;AA/UhB,WAkBI,iBA8GI,mBAkNI;EACI,yBAAA;EACA,kBAAA;EACA,UAAA;EACA,SAAA;EACA,UAAA;EACA,0BAAA;EACA,8BAAA;EACA,yBAAA;EACA,6BAAA;EACA,cAAA;;AAEA,WA5UZ,iBA8GI,mBAkNI,mBAYK;EACG,UAAA;EACA,WAAA;;AAGJ,WAjVZ,iBA8GI,mBAkNI,mBAiBK;EACG,uBAAA;;AAEA,WApVhB,iBA8GI,mBAkNI,mBAiBK,yBAGI;EACG,sBAAA;;AAIR,WAzVZ,iBA8GI,mBAkNI,mBAyBK;EACG,sBAAA;EACA,sBAAA;EACA,mBAAA;;AAGJ,WA/VZ,iBA8GI,mBAkNI,mBA+BK;EACG,YAAA;;AAGJ,WAnWZ,iBA8GI,mBAkNI,mBAmCK;EACG,gBAAA;;AAtXpB,WAkBI,iBA8GI,mBAkNI,mBAuCI;EACI,qBAAA;EACA,kBAAA;EACA,MAAA;EACA,OAAA;;AA7XpB,WAkBI,iBA8GI,mBAkNI,mBAuCI,sBAMI;EACI,kBAAA;EACA,QAAA;EACA,SAAA;EACA,0CAAA;;AAnYxB,WAkBI,iBA8GI,mBAkNI,mBAuCI,sBAMI,iBAMI;EACI,sBAAA;EACA,kBAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,YAAA;;AA3Y5B,WAkBI,iBA8GI,mBAkNI,mBAuCI,sBAMI,iBAMI,UAQI;EACI,cAAA;EACA,kBAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,YAAA;EACA,UAAA;;AAEA,WApY5B,iBA8GI,mBAkNI,mBAuCI,sBAMI,iBAMI,UAQI,IASK;EACG,UAAA;;AAOR,OAAQ,YA5YhC,iBA8GI,mBAkNI,mBAuCI,sBAMI,iBA8BK;EAEO,aAAA","file":"linkeditor.css"}
\ No newline at end of file
+{"version":3,"sources":["linkeditor.less"],"names":[],"mappings":"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","file":"linkeditor.css"}
\ No newline at end of file

diff --git a/public/packages/fluidbook/toolbox/css/linkeditor.less b/public/packages/fluidbook/toolbox/css/linkeditor.less
index 0b6e1ad050ada9beb87c20aaa23bf54adab09c48..327ca3798fbb4e9c83f4484ac5a831057ff57c1f 100644 (file)
--- a/public/packages/fluidbook/toolbox/css/linkeditor.less
+++ b/public/packages/fluidbook/toolbox/css/linkeditor.less
@@ -6,6 +6,12 @@
 
 @font-size: 16px;
 
+body {
+    background-color: #ebecee;
+    @media (prefers-color-scheme: dark) {
+        background-color: #333;
+    }
+}
 
 img, .division, .info {
     user-select: none;
@@ -34,6 +40,9 @@ body, #linkeditor, html {
     aside {
         width: @sidebar-width;
         background-color: #EBECEE;
+        @media (prefers-color-scheme: dark) {
+            background-color: #333;
+        }
     }
 
     #linkeditor-main {
@@ -44,8 +53,16 @@ body, #linkeditor, html {
         #linkeditor-toolbar {
 
             @toolbar-color: #5d5d5d;
+            @toolbar-color-dark: #bbb;
             background-color: #dbdddf;
+
+            @media (prefers-color-scheme: dark) {
+                background-color: #444;
+            }
             color: @toolbar-color;
+            @media (prefers-color-scheme: dark) {
+                color: @toolbar-color-dark;
+            }
             height: @toolbar-height;
             padding: 5px;
 
@@ -80,6 +97,10 @@ body, #linkeditor, html {
             #linkeditor-page-field {
                 padding: 2px 10px;
                 background-color: #fff;
+                @media (prefers-color-scheme: dark) {
+                    background-color: #000;
+                    border-color:#333;
+                }
                 border: 1px solid #ccc;
                 border-radius: 5px;
                 cursor: text;
@@ -97,12 +118,17 @@ body, #linkeditor, html {
                     background-color: transparent;
                     width: 20px;
                     color: @toolbar-color;
+                    @media (prefers-color-scheme: dark) {
+                        color: @toolbar-color-dark;
+                    }
                     font-size: 13px;
                     appearance: textfield;
-                    &::-webkit-outer-spin-button,&::-webkit-inner-spin-button {
+
+                    &::-webkit-outer-spin-button, &::-webkit-inner-spin-button {
                         -webkit-appearance: none;
                         margin: 0;
                     }
+
                     font-weight: 600;
                     position: relative;
 
@@ -124,9 +150,15 @@ body, #linkeditor, html {
                 margin: 0 3px;
                 text-align: center;
                 color: @toolbar-color;
+                @media (prefers-color-scheme: dark) {
+                    color: @toolbar-color-dark;
+                }
 
                 &:hover, &.hover {
                     background-color: #fff;
+                    @media (prefers-color-scheme: dark) {
+                        background-color: #000;
+                    }
                 }
 
                 &.arrow {
@@ -208,6 +240,11 @@ body, #linkeditor, html {
 
             #linkeditor-rulers {
                 @rulers-color: #333;
+                @rulers-color-dark: #eee;
+
+                @media (prefers-color-scheme: dark) {
+                    color: @rulers-color-dark;
+                }
 
                 color: @rulers-color;
                 position: absolute;
@@ -224,6 +261,10 @@ body, #linkeditor, html {
                     height: @rulers-size;
                     z-index: 5;
                     background-color: #aaa;
+                    @media (prefers-color-scheme: dark) {
+                        background-color: #666;
+                    }
+
                 }
 
                 .ruler-bar {
@@ -247,6 +288,11 @@ body, #linkeditor, html {
                             top: 0;
                             left: 0;
                             background-color: #fff;
+                            color: #000;
+                            @media (prefers-color-scheme: dark) {
+                                background-color: #000;
+                                color: #fff;
+                            }
                             padding: 3px;
                         }
                     }
@@ -255,6 +301,9 @@ body, #linkeditor, html {
                         pointer-events: none;
                         position: absolute;
                         background: #fff;
+                        @media (prefers-color-scheme: dark) {
+                            background-color: #000;
+                        }
 
                         .value {
                             position: absolute;
@@ -274,11 +323,17 @@ body, #linkeditor, html {
                     .info {
                         height: @rulers-size;
                         border-left: 1px dotted @rulers-color;
+                        @media (prefers-color-scheme: dark) {
+                            border-color: @rulers-color-dark;
+                        }
                     }
 
                     .division, .subdivision {
                         width: 0px;
                         border-left: 1px solid @rulers-color;
+                        @media (prefers-color-scheme: dark) {
+                            border-color: @rulers-color-dark;
+                        }
                     }
 
                     .division {
@@ -307,6 +362,9 @@ body, #linkeditor, html {
                     .info {
                         width: @rulers-size;
                         border-bottom: 1px dotted @rulers-color;
+                        @media (prefers-color-scheme: dark) {
+                            border-color: @rulers-color-dark;
+                        }
 
                         span {
                             transform-origin: 0 0;
@@ -317,6 +375,9 @@ body, #linkeditor, html {
                     .division, .subdivision {
                         height: 0px;
                         border-bottom: 1px solid @rulers-color;
+                        @media (prefers-color-scheme: dark) {
+                            border-color: @rulers-color-dark;
+                        }
                     }
 
                     .division {
@@ -358,6 +419,10 @@ body, #linkeditor, html {
 
             #linkeditor-canvas {
                 background-color: #505050;
+                @media (prefers-color-scheme: dark) {
+                    background-color: #222;
+                }
+
                 position: relative;
                 z-index: 1;
                 top: @rulers-size;