ixbrl-viewer 1.4.39__py3-none-any.whl → 1.4.41__py3-none-any.whl

iXBRLViewerPlugin/viewer/src/less/colours-dark-mode.less

@@ -0,0 +1,40 @@
+// See COPYRIGHT.md for copyright information
+
+@colour-bg-d: #000000;
+@colour-foreground-d: #ffffff;
+
+@colour-primary-d: #72bafd;
+@colour-secondary-d: #66cc00;
+@colour-tertiary-d: #aa108e;
+@colour-warning-d: #d8ae15;
+
+@colour-bg-fade-d: fadeout(@colour-foreground-d, 50%);
+@colour-primary-focus-d: darken(spin(@colour-primary-d, -3.4), 7.0);
+
+@colour-loader-d: @colour-foreground-d;
+@colour-linked-fact-d: @colour-primary-d;
+@colour-related-fact-d: lighten(desaturate(spin(@colour-secondary-d, 30.0), 14.5), 6.5);
+
+@colour-text-title-d: darken(@colour-foreground-d, 26.2);
+@colour-text-d: darken(@colour-foreground-d, 26.2);
+@colour-text-light-d: darken(@colour-foreground-d, 52.4);
+@colour-text-form-value-d: darken(@colour-foreground-d, 36.8);
+
+@colour-border-grey-d: darken(@colour-foreground-d, 59.7);
+
+@colour-highlight-default-d: lighten(desaturate(spin(@colour-secondary-d, -0.5660), 31.1688), 44.9020); // #d9f3be
+@colour-highlight-1-d: lighten(saturate(spin(@colour-tertiary-d, -25.3918), 17.2043), 46.4706); // #eaa8ff
+@colour-highlight-2-d: lighten(saturate(spin(@colour-warning-d, 1.0810), 17.7215), 38.6275); // #fff0b3
+
+@colour-icon-grey-d: @colour-text-d;
+
+@colour-button-primary-bg-d: @colour-primary-focus-d;
+@colour-button-primary-border-d: darken(spin(@colour-primary-d, -3.2), 3.2);
+
+@colour-button-bg-d: lighten(@colour-bg-d, 8.2);
+@colour-bg-selected-d: lighten(@colour-bg-d, 14.1);
+
+@colour-bg-tag-d: lighten(@colour-bg-d, 137.0);
+
+@colour-row-hover-d: lighten(@colour-bg-d, 29.4);
+@colour-row-odd-d: @colour-button-bg-d;

iXBRLViewerPlugin/viewer/src/less/colours.less

@@ -1,33 +1,40 @@
 // See COPYRIGHT.md for copyright information
 
-@primary: #026dce;
-@primary-focus: #0094ff;
+@colour-bg: #ffffff;
+@colour-foreground: #000000;
 
-@linked-fact: @primary;
-@related-fact: #0eb30e;
+@colour-primary: #026dce;
+@colour-secondary: #66cc00;
+@colour-tertiary: #aa108e;
+@colour-warning: #7a4b06;
 
-@text-title: #444444;
-@text: #595959;
-@text-light: #b2b2b2;
-@text-form-value: #7d7d7d;
+@colour-bg-fade: fadeout(@colour-foreground, 50%);
+@colour-primary-focus: lighten(saturate(spin(@colour-primary, -3.3529), 1.9231), 9.2157); // #0094ff
 
-@border-grey: #cbcbcb;
-@simple-border: solid 0.1rem @border-grey;
+@colour-loader: @colour-bg;
+@colour-linked-fact: @colour-primary;
+@colour-related-fact: darken(desaturate(spin(@colour-secondary, 30.0000), 14.5078), 2.1569); // #0eb30e;
 
-@highlight-default: hsl(90 69% 85% / 1);
-@highlight-1: #eaa8ff;
-@highlight-2: hsl(48 100% 85% / 1);
+@colour-text-title: lighten(@colour-foreground, 26.6667); // #444444;
+@colour-text: lighten(@colour-foreground, 34.9020); // #595959;
+@colour-text-light: lighten(@colour-foreground, 45); // #737373;
+@colour-text-form-value: lighten(@colour-foreground, 45); // #737373
 
-@icon-grey: @text;
+@colour-border-grey: lighten(@colour-foreground, 79.6078);
 
-@button-primary-bg: @primary-focus;
-@button-primary-border: #0085e6;
+@colour-highlight-default: lighten(desaturate(spin(@colour-secondary, -0.5660), 31.1688), 44.9020); // #d9f3be
+@colour-highlight-1: lighten(saturate(spin(@colour-tertiary, -25.3918), 17.2043), 46.4706); // #eaa8ff
+@colour-highlight-2: lighten(saturate(spin(@colour-warning, 1.0810), 17.7215), 38.6275); // #ffb746
 
-@button-background: #f8f8f8;
-@background-selected: #f3f3f3;
+@colour-icon-grey: @colour-text;
 
-@background-tag: #8a8a8a;
+@colour-button-primary-bg: darken(@colour-primary-focus, 20);
+@colour-button-primary-border: darken(@colour-button-primary-bg, 10);
 
-@workiva-green: #66ca00;
+@colour-button-bg: darken(@colour-bg, 2.7451); // #f8f8f8;
+@colour-bg-selected: darken(@colour-bg, 4.7059); // #f3f3f3;
 
-@warning-orange: #d8ae15;
+@colour-bg-tag: darken(@colour-bg, 65); // #595959;
+
+@colour-row-hover: darken(@colour-bg, 9.8039); // #e6e6e6
+@colour-row-odd: @colour-button-bg;

iXBRLViewerPlugin/viewer/src/less/common.less

@@ -2,7 +2,7 @@
 
 /* Styles common to both inspector and highlighting used within iframe */
 .linked-highlight-text {
-  outline: dashed 0.125em @linked-fact;
+  outline: dashed 0.125em var(--colour-linked-fact);
   outline-offset: 0.0625em;
 }
 

iXBRLViewerPlugin/viewer/src/less/components.less

@@ -4,9 +4,9 @@
   display: inline-block;
   text-transform: uppercase;
   font-weight: bold;
-  background-color: @background-tag;
+  background-color: var(--colour-bg-tag);
   padding: 0.15em 0.5em;
-  color: #fff;
+  color: var(--colour-bg);
   border-radius: 0.3em;
   margin: 0.2rem 0.3rem 0.2rem 0;
   white-space: nowrap;
@@ -14,7 +14,7 @@
 
 .clickable {
   cursor: pointer;
-  color: @primary;
+  color: var(--colour-primary);
 }
 
 .panel-indent {

iXBRLViewerPlugin/viewer/src/less/core.less

@@ -5,5 +5,7 @@ html {
 }
 
 body {
+  background-color: var(--colour-bg);
+  color: var(--colour-foreground);
   margin: 0;
 }

iXBRLViewerPlugin/viewer/src/less/dialog.less

@@ -7,8 +7,10 @@
   left: 50%;
   transform: translate(-50%, -50%);
   border: solid 1px #000;
-  background-color: #fff;
+  background-color: var(--colour-bg);
   display: none;
+  padding: 0;
+  margin: 0;
 
   &.full-screen {
     width: calc(100vw - 5em);
@@ -37,15 +39,16 @@
   }
 
   .close {
+    border: none;
     position: absolute;
-    top: 0;
-    right: 0;
-    padding: 1.8rem 2rem 0;
+    top: 1rem;
+    right: 1.4rem;
+    padding: 0.3rem;
     font-size: 2.6rem;
     z-index: 20;
     cursor: pointer;
     line-height: 2.2rem;
-    opacity: 0.2;
+    color: var(--colour-border-grey);
 
     &::before {
       content: "\00d7";
@@ -61,14 +64,14 @@
       border-radius: 0;
       min-width: 10rem;
       margin-right: 1.5rem;
-      border: solid 0.1rem @border-grey;
-      color: @text;
-      background-color: @button-background;
+      border: solid 0.1rem var(--colour-border-grey);
+      color: var(--colour-text);
+      background-color: var(--colour-button-bg);
       cursor: pointer;
 
       &.dialog-button-primary {
-        color: #fff;
-        background-color: @workiva-green;
+        color: var(--colour-bg);
+        background-color: var(--colour-primary);
         border: none;
       }
     }

iXBRLViewerPlugin/viewer/src/less/form-controls.less

@@ -4,10 +4,10 @@ input[type="text"],
 select,
 button {
   padding: 7px 5px;
-  border: solid 1px @border-grey;
+  border: solid 1px var(--colour-border-grey);
   border-radius: 5px;
-  color: @text;
-  background-color: #fff;
+  color: var(--colour-text);
+  background-color: unset;
   box-sizing: border-box;
 }
 
@@ -15,13 +15,14 @@ button {
   width: 3.2rem;
   height: 3.2rem;
   text-align: center;
-  color: @icon-grey;
+  color: var(--colour-icon-grey);
   box-sizing: border-box;
   cursor: pointer;
   padding: 0;
   font-size: 2.2rem;
   line-height: 3.2rem;
   user-select: none;
+  border: none;
 }
 
 .square-button {
@@ -29,8 +30,8 @@ button {
 
   padding: 0;
   border-radius: 3px;
-  border: solid 0.1rem @border-grey;
-  background-color: @button-background;
+  border: solid 0.1rem var(--colour-border-grey);
+  background-color: var(--colour-button-bg);
   line-height: 3rem;
   margin: 0 0.5rem;
 
@@ -44,9 +45,9 @@ button {
 }
 
 .square-button.primary {
-  color: #fff;
-  border-color: @button-primary-border;
-  background-color: @button-primary-bg;
+  color: var(--colour-bg);
+  border-color: var(--colour-button-primary-border);
+  background-color: var(--colour-button-primary-bg);
 }
 
 .wk-checkbox,
@@ -57,6 +58,11 @@ label.checkbox {
   user-select: none;
   line-height: 1.6rem;
 
+  &:focus-within {
+    outline: solid 0.2rem #000;
+    outline-offset: 0.3rem;
+  }
+
   input {
     position: absolute;
     opacity: 0;
@@ -73,7 +79,7 @@ label.checkbox {
     width: 1.6rem;
     height: 1.6rem;
     border-radius: 0.4rem;
-    border: solid 0.1rem @border-grey;
+    border: solid 0.1rem var(--colour-border-grey);
   }
 
   input:checked ~ .checkmark::before {
@@ -83,7 +89,7 @@ label.checkbox {
     left: 0.4rem;
     width: 0.4rem;
     height: 1.1rem;
-    border: solid @primary;
+    border: solid var(--colour-primary);
     border-width: 0 0.2rem 0.2rem 0;
     transform: rotate(45deg);
   }
@@ -92,3 +98,19 @@ label.checkbox {
 input:disabled {
   background-color: #eee;
 }
+
+.inline-button {
+  display: inline;
+  cursor: pointer;
+  color: var(--colour-primary);
+  padding: 0.3rem;
+  border: none;
+}
+
+.bare-button {
+  display: inline;
+  cursor: pointer;
+  color: var(--colour-primary);
+  padding: 0.3rem;
+  border: none;
+}