From: Vincent Vanwaelscappel Date: Fri, 16 Sep 2022 07:45:32 +0000 (+0200) Subject: wait #5461 @0.5 X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=2b288c0812aaada3d470aa9d3347c2186469c63d;p=fluidbook-toolbox.git wait #5461 @0.5 --- diff --git a/public/packages/fluidbook/toolbox/css/linkeditor.css b/public/packages/fluidbook/toolbox/css/linkeditor.css index c3c0fcee0..b49dcbb3f 100644 --- 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 2dda2b3fb..e351ac04d 100644 --- 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":"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","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 0b6e1ad05..327ca3798 100644 --- 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;