From 24cdab383715d42431a50db602727189b70027df Mon Sep 17 00:00:00 2001 From: quobix Date: Thu, 25 Apr 2024 12:27:56 -0400 Subject: [PATCH] improved font color contrast #106 --- html-report/ui/build/static/bundle.css | 2 +- html-report/ui/src/variables.css | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/html-report/ui/build/static/bundle.css b/html-report/ui/build/static/bundle.css index 6dafdf5..2164b77 100644 --- a/html-report/ui/build/static/bundle.css +++ b/html-report/ui/build/static/bundle.css @@ -1 +1 @@ -header{font-family:var(--font-stack);font-size:1.5rem;height:38px;padding-top:2px;position:relative}header button{margin-right:20px;margin-top:-3px}header>a{color:var(--primary-color);float:right;font-weight:700;text-decoration:none}.report-generated{color:var(--secondary-color);font-size:12px}@media only screen and (max-width:1000px){header{height:30px}header>a{font-size:14px}.report-generated{bottom:8px;font-size:10px;position:absolute;right:0}}.timeline-container{margin-top:10px}.navigation-timeline{margin-top:20px}.nav-change-container,.nav-change-container-active{background-color:var(--rule-item-background);border:1px solid var(--rule-item-border);padding:5px}.nav-change-container-active,.nav-change-container:hover{border:1px solid var(--primary-color);cursor:pointer}.nav-change-container:active{background-color:var(--rule-recommended-background);border:1px solid var(--secondary-color)}.nav-change-container-selected{background-color:var(--secondary-color-very-lowalpha);border:1px solid var(--primary-color);cursor:pointer;padding:5px}.navigation-changes-chart{margin-bottom:20px}.nav-change-date{border-bottom:1px solid var(--rule-recommended-background);display:block;font-size:11px;margin-bottom:5px;padding-bottom:5px}.timeline-change-stat-title{color:var(--dark-font-color);font-size:12px}.timeline-change-stat-title-breaking{color:var(--error-font-color);font-size:12px}.nav-change-statistics{display:flex;flex-direction:row;justify-content:flex-start;padding:0 10px}.nav-change-statistics>div{padding-right:50px}.nav-doc-created{color:var(--secondary-color);font-size:11px}.potato-pete .ant-drawer-body{background-color:orange}.potato-pete .ant-drawer-body::-webkit-scrollbar{width:8px}.potato-pete .ant-drawer-body::-webkit-scrollbar-track{background-color:var(--invert-font-color)}.potato-pete .ant-drawer-body::-webkit-scrollbar-thumb{background:var(--secondary-color-lowalpha);box-shadow:none}.chart-container{height:200px;margin-right:40px;width:200px}.report-container{display:flex;flex-direction:row;margin-bottom:10px;margin-left:10px}.report-summary{width:calc(100vw - 743px)}.report-summary-stats{display:flex;flex-direction:row;height:70px;justify-content:flex-end;padding-top:10px}.commit{background-color:var(--rule-item-background);border:1px dashed var(--secondary-color-very-lowalpha);font-size:.8rem;height:60px;max-height:50px;overflow:hidden;padding:5px;text-align:right;text-overflow:ellipsis;white-space:nowrap}.commit-changed{color:var(--secondary-color);display:block;font-size:.8rem;margin-bottom:10px}.commit-date{border:1px solid var(--neon-pink);color:var(--neon-pink);display:inline-block;padding:1px 3px}section.report-header{height:220px;overflow:hidden}@media only screen and (max-width:1000px){.report-summary{display:none}.report-container{justify-content:space-between}.chart-container{height:85px;margin-right:0;width:86px}section.report-header{height:150px}}.ant-tree,.ant-tree .ant-tree-switcher-noop,.ant-tree-show-line .ant-tree-switcher{background:none!important}.ant-tree .ant-tree-node-content-wrapper{border:1px solid transparent}.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected{background:none;color:var(--primary-color)!important}.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected .tree-title{color:var(--primary-color)!important}.tree-holder{flex-grow:2;height:calc(100vh - 287px);overflow:auto;position:relative;width:100%}body[data-embedded] .tree-holder,body[data-embedded] .tree-scroller{height:calc(100vh - 260px)}.tree-title-dull,.treeview-origmod-cols{color:var(--dark-font-color)}.treeview-origmod-cols{font-size:5px!important;margin-bottom:10px;margin-left:13px}.change-details{border:1px dashed var(--secondary-color);height:25px;margin-bottom:10px;margin-left:15px;overflow-x:auto;padding-bottom:2px;padding-left:10px;padding-top:2px}.change-details::-webkit-scrollbar{width:8px}.change-details::-webkit-scrollbar-track{background-color:var(--invert-font-color)}.change-details::-webkit-scrollbar-thumb{background:var(--secondary-color-lowalpha);box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.change-details-breaking{background-color:var(--error-color-verylowalpha);border:1px dashed var(--error-color)}.tree-verb{font-size:14px}.tree-scroller{height:calc(100vh - 287px);overflow-y:auto}.tree-scroller::-webkit-scrollbar{width:8px}.tree-scroller::-webkit-scrollbar-track{background-color:var(--invert-font-color)}.tree-scroller::-webkit-scrollbar-thumb{background:var(--secondary-color-lowalpha);box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.ant-tree-list-scrollbar{background-color:var(--invert-font-color);border-radius:0!important;display:block!important}.ant-tree-list-scrollbar-thumb{background:var(--secondary-color)!important;border-radius:0!important}.tree{overflow-y:auto}.ant-tree-list{overflow:hidden!important}.ant-tree-list-holder::-webkit-scrollbar{width:8px}.ant-tree-list-holder::-webkit-scrollbar-track{background-color:var(--invert-font-color)}.ant-tree-list-holder::-webkit-scrollbar-thumb{background:var(--secondary-color-lowalpha);box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.ant-tree::-webkit-scrollbar-thumb{background:var(--secondary-color-lowalpha);box-shadow:inset 0 0 6px rgba(0,0,0,.9)}.ant-tree-treenode-selected:before{background-color:var(--secondary-color-very-lowalpha)!important}section.tree-nothing-selected{height:calc(100vh - 690px);width:100%}.nothing-selected-icon{color:var(--secondary-color-lowalpha);margin:100px auto;text-align:center;text-transform:uppercase;width:400px}.nothing-selected-icon>.icon{font-size:100px}section.tree-selected-change{animation:fadeIn 1s;height:calc(100vh - 690px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mod-col,.orig-col{display:block;font-size:11px;line-height:6px}@media only screen and (max-width:1000px){body[data-embedded] .tree-holder,body[data-embedded] .tree-scroller{height:calc(100vh - 560px)}.mobile-tree{height:66vh}section.tree-nothing-selected{height:calc(100vh - 550px);width:100%}.tree-scroller{height:200px;margin-bottom:20px}.tree-holder{border-bottom:1px dashed var(--secondary-color);height:220px;margin-bottom:20px}.diff-view{max-height:calc(100vh - 415px)}.nothing-selected-icon{margin:20px auto}.treeview-origmod-cols{font-size:.6em!important}.mod-col,.orig-col{display:block;font-size:.5em;line-height:6px}.nothing-selected-icon{width:100%}section.tree-selected-change{height:calc(100vh - 690px)}.change-details{margin-left:0;padding-left:10px}}.editor-flip-controls{display:block;font-size:11px;position:absolute;right:10px;top:-20px;width:152px}.editor-flip-controls button{margin-left:10px}section.editor{position:relative}@media only screen and (max-width:1000px){.editor-flip-controls{display:none}}.drawer-title{font-weight:400;position:relative}.drawer-title-icon{float:left;height:21px;margin-top:3px;width:21px}.drawer-breaking-icon-title{color:var(--error-color);font-size:12px;margin-right:5px;margin-top:0;vertical-align:text-bottom}.drawer-breaking-icon-container{position:absolute;right:10px;top:1px;width:90px}.drawer-breaking-icon{color:var(--error-color);font-size:22px}.drawer-title-property{padding-top:3px}.drawer-title-property,.drawer-title-property-verb{display:block;font-size:13px;font-weight:400;margin-left:30px;vertical-align:top}.drawer-title-property-verb{padding-top:0}.drawer-title-changed .ant-tag{font-size:12px;vertical-align:center}.drawer-verb{font-size:18px;margin-top:2px}.ant-drawer-body{padding-bottom:0!important;padding-top:10px!important}.ant-drawer-header{padding:0!important}.ant-drawer-close{margin-inline-end:5px!important}.ant-drawer-header-title{padding:5px 5px 7px}.original-modified-container{color:var(--dark-font-color);margin-bottom:10px}.original-change-value{color:var(--primary-color)}.new-change-value{color:var(--secondary-color);font-style:italic;max-width:100px;text-overflow:ellipsis}.fill-word{color:var(--dark-font-color);font-weight:lighter}.linenumber-highlight{color:var(--secondary-color)}@media only screen and (max-width:1000px){.drawer-title{max-height:20px;overflow:hidden}.drawer-breaking-icon-title{display:none}.drawer-breaking-icon-container{width:20px}}.graph-verb{display:inline;font-size:11px}.dragging{cursor:move}.edge{stroke:#b1b1b7;stroke-dasharray:5;animation:dashdraw 1.5s linear infinite;stroke-width:1}@keyframes dashdraw{0%{stroke-dashoffset:10}}:root{--focus-border:orange;--separator-border:red;--global-font-size:17px;--toc-font-size:0.7rem;--breadcrumb-font-size:0.75rem;--childnav-font-size:0.75rem;--nav-font-size:0.95rem;--toc-font-header-size:0.85rem;--rule-item-header-fontsize:1.2rem;--rule-item-header-fontsize-mobile:1rem;--rule-item-details-fontsize:0.8rem;--rule-format-fontsize:0.8rem;--rule-type-fontsize:0.7rem;--rule-severity-fontsize:0.8rem;--rule-recommended-fontsize:0.7rem;--rule-function-fontsize:0.8rem;--rule-recommended-banner-fontsize:1rem;--rule-panel-label:0.7rem;--rule-id-fontsize:2rem;--rule-id-fontsize-mobile:1.3rem;--global-line-height:1.4em;--global-space:10px;--vacuum-navigation-width-v:199px;--vacuum-navigation-width:200px;--font-stack:Menlo,Monaco,Roboto Mono,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;--mono-font-stack:Menlo,Monaco,Roboto Mono,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;--background-color:#0d1117;--background-color-alpha:rgba(13,17,23,.8);--background-color-alpha-mobile:rgba(13,17,23,.99);--rule-item-background:rgba(26,32,44,.51);--rule-recommended-background:#212937;--rule-stats-background:#0a0a0a;--rule-item-border:rgba(35,43,58,.9);--navigation-hover:#b685ff33;--navigation-child-selected:rgba(182,133,255,.36);--navigation-child-hover:rgba(179,131,250,.09);--navigation-child-container:linear-gradient(180deg,#000,rgba(182,133,255,.2) 50%);--vacuum-online-results-background:linear-gradient(180deg,#0d1117,hsla(260,5%,88%,.12) 50%);--page-width:65em;--font-color:#e8e9ed;--dark-font-color:#787878;--invert-font-color:#222225;--global-padding:10px;--secondary-color:#f83aff;--secondary-color-dimmer:rgba(248,58,255,.45);--secondary-color-text-shadow:rgba(250,113,251,.5);--secondary-color-text-shadow-outer:rgba(251,169,255,.14);--secondary-color-lowalpha:rgba(248,58,255,.3);--secondary-color-very-lowalpha:rgba(248,58,255,.05);--secondary-color-shadow:#3b2957;--secondary-color-shadow-mid:#4e3672;--tertiary-color:#a3abba;--terminal-border:rgba(76,81,91,.5);--terminal-header-background:linear-gradient(90deg,rgba(76,81,91,.5),rgba(76,81,91,.1) 80%);--primary-color:#62c4ff;--primary-color-lowalpha:rgba(98,196,255,.6);--primary-color-verylowalpha:rgba(98,196,255,.2);--error-color:#ff3c74;--error-font-color:#ff246b;--error-color-lowalpha:rgba(255,60,116,.4);--error-color-verylowalpha:#0c0000;--progress-bar-background:#0a0a0a;--progress-bar-fill:#62c4ff;--code-bg-color:none;--input-style:solid;--display-h1-decoration:none;--bold-text:#f83aff;--terminal-green:#0f0;--terminal-yellow:#fddb00;--hrcolor:#3d3d3d;--code-border:#525252;--string-literal:#f83aff;--neon-pink:#f83aff;--warn-400:#ff6a00;--warn-400-lowalpha:rgba(255,106,0,.15);--warn-300:#f90;--warn-300-lowalpha:rgba(255,153,0,.05);--warn-200:#ffb700;--warn-200-lowalpha:rgba(255,183,0,.15);--warn-color:#ffd500;--warn-color-lowalpha:rgba(255,213,0,.15);--ok-400:#f7ff00;--ok-400-lowalpha:rgba(230,255,0,.15);--ok-300:#d0ff00;--ok-300-lowalpha:rgba(208,255,0,.15);--ok-200:#af0;--ok-200-lowalpha:rgba(170,255,0,.15);--ok-color:#1aff00;--ok-color-lowalpha:rgba(170,255,0,.15);--separator-border:hsla(0,0%,50%,.35);--sash-hover-transition-duration:0.1s}.allotment-module_splitView__L-yRc{height:100%;overflow:hidden;position:relative;width:100%}.allotment-module_splitView__L-yRc>.allotment-module_sashContainer__fzwJF{height:100%;pointer-events:none;position:absolute;width:100%}.allotment-module_splitView__L-yRc>.allotment-module_sashContainer__fzwJF>.allotment-module_sash__QA-2t{pointer-events:auto}.allotment-module_splitView__L-yRc>.allotment-module_splitViewContainer__rQnVa{height:100%;position:relative;white-space:nowrap;width:100%}.allotment-module_splitView__L-yRc>.allotment-module_splitViewContainer__rQnVa>.allotment-module_splitViewView__MGZ6O{overflow:hidden;position:absolute;white-space:normal}.allotment-module_splitView__L-yRc.allotment-module_vertical__WSwwa>.allotment-module_splitViewContainer__rQnVa>.allotment-module_splitViewView__MGZ6O{width:100%}.allotment-module_splitView__L-yRc.allotment-module_horizontal__7doS8>.allotment-module_splitViewContainer__rQnVa>.allotment-module_splitViewView__MGZ6O{height:100%}.allotment-module_splitView__L-yRc.allotment-module_separatorBorder__x-rDS>.allotment-module_splitViewContainer__rQnVa>.allotment-module_splitViewView__MGZ6O:not(:first-child):before{background-color:var(--separator-border);content:" ";left:0;pointer-events:none;position:absolute;top:0;z-index:5}.allotment-module_splitView__L-yRc.allotment-module_separatorBorder__x-rDS.allotment-module_vertical__WSwwa>.allotment-module_splitViewContainer__rQnVa>.allotment-module_splitViewView__MGZ6O:not(:first-child):before{height:1px;width:100%}.allotment-module_splitView__L-yRc.allotment-module_separatorBorder__x-rDS.allotment-module_horizontal__7doS8>.allotment-module_splitViewContainer__rQnVa>.allotment-module_splitViewView__MGZ6O:not(:first-child):before{height:100%;width:1px}:root{--focus-border:#007fd4;--sash-size:8px;--sash-hover-size:4px}.sash-module_sash__K-9lB{pointer-events:auto;position:absolute;text-align:initial;touch-action:none;z-index:35}.sash-module_sash__K-9lB.sash-module_disabled__Hm-wx{pointer-events:none}.sash-module_sash__K-9lB.sash-module_mac__Jf6OJ.sash-module_vertical__pB-rs{cursor:col-resize}.sash-module_sash__K-9lB.sash-module_vertical__pB-rs.sash-module_minimum__-UKxp{cursor:e-resize}.sash-module_sash__K-9lB.sash-module_vertical__pB-rs.sash-module_maximum__TCWxD{cursor:w-resize}.sash-module_sash__K-9lB.sash-module_mac__Jf6OJ.sash-module_horizontal__kFbiw{cursor:row-resize}.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw.sash-module_minimum__-UKxp{cursor:s-resize}.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw.sash-module_maximum__TCWxD{cursor:n-resize}.sash-module_sash__K-9lB.sash-module_disabled__Hm-wx{cursor:default!important;pointer-events:none!important}.sash-module_sash__K-9lB.sash-module_vertical__pB-rs{cursor:ew-resize;height:100%;top:0;width:var(--sash-size)}.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw{cursor:ns-resize;height:var(--sash-size);left:0;width:100%}.sash-module_sash__K-9lB:not(.sash-module_disabled__Hm-wx)>.sash-module_orthogonal-drag-handle__Yii2-{content:" ";cursor:all-scroll;display:block;height:calc(var(--sash-size)*2);position:absolute;width:calc(var(--sash-size)*2);z-index:100}.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw.sash-module_orthogonal-edge-north__f7Noe:not(.sash-module_disabled__Hm-wx)>.sash-module_orthogonal-drag-handle__Yii2-.sash-module_start__uZEDk,.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw.sash-module_orthogonal-edge-south__6ZrFC:not(.sash-module_disabled__Hm-wx)>.sash-module_orthogonal-drag-handle__Yii2-.sash-module_end__0TP-R{cursor:nwse-resize}.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw.sash-module_orthogonal-edge-north__f7Noe:not(.sash-module_disabled__Hm-wx)>.sash-module_orthogonal-drag-handle__Yii2-.sash-module_end__0TP-R,.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw.sash-module_orthogonal-edge-south__6ZrFC:not(.sash-module_disabled__Hm-wx)>.sash-module_orthogonal-drag-handle__Yii2-.sash-module_start__uZEDk{cursor:nesw-resize}.sash-module_sash__K-9lB.sash-module_vertical__pB-rs>.sash-module_orthogonal-drag-handle__Yii2-.sash-module_start__uZEDk{left:calc(var(--sash-size)*-.5);top:calc(var(--sash-size)*-1)}.sash-module_sash__K-9lB.sash-module_vertical__pB-rs>.sash-module_orthogonal-drag-handle__Yii2-.sash-module_end__0TP-R{bottom:calc(var(--sash-size)*-1);left:calc(var(--sash-size)*-.5)}.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw>.sash-module_orthogonal-drag-handle__Yii2-.sash-module_start__uZEDk{left:calc(var(--sash-size)*-1);top:calc(var(--sash-size)*-.5)}.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw>.sash-module_orthogonal-drag-handle__Yii2-.sash-module_end__0TP-R{right:calc(var(--sash-size)*-1);top:calc(var(--sash-size)*-.5)}.sash-module_sash__K-9lB:before{background:transparent;content:"";height:100%;pointer-events:none;position:absolute;transition:background-color var(--sash-hover-transition-duration) ease-out;width:100%}.sash-module_sash__K-9lB.sash-module_vertical__pB-rs:before{left:calc(50% - var(--sash-hover-size)/2);width:var(--sash-hover-size)}.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw:before{height:var(--sash-hover-size);top:calc(50% - var(--sash-hover-size)/2)}.sash-module_sash__K-9lB.sash-module_active__bJspD:before,.sash-module_sash__K-9lB.sash-module_hover__80W6I:before{background:var(--focus-border)}#root{flex:1 0 auto}#main_container{animation:fadeInAnimation .6s ease-out;animation-fill-mode:forwards;animation-iteration-count:1;flex:1 0 auto;font-family:var(--font-stack);width:100vw}@keyframes fadeInAnimation{0%{filter:blur(1.5rem);margin-left:100px;opacity:0;padding-top:100px;width:90%}to{filter:blur(0);margin-left:0;opacity:1;padding-top:0;width:100%}}@keyframes fadeInAnimationMobile{0%{filter:blur(1.5rem);opacity:0;padding-top:100px;width:90%}to{filter:blur(0);opacity:1;padding-top:0;width:100%}}hr{border:none;border-bottom:1px dashed var(--secondary-color);margin-block-end:0;margin-block-start:0}.height-100{height:100px}.height-120{height:120px}.height-150{height:150px}.height-180{height:180px}.height-200{height:200px}.height-300{height:300px}.height-400{height:400px}.height-500{height:500px}.width-100{width:100px}.width-150{width:150px}.m-top-20{margin-top:20px}.m-bottom-20{margin-bottom:20px}.width-200{width:200px}.width-300{width:300px}.flex{display:flex}.flex-wrap{flex-flow:wrap}.flex-center{justify-content:center}.report-changes{width:100%}section.report-header>header{height:40px;padding-left:10px;padding-right:10px;padding-top:5px}body[data-embedded] section.report-header>header{padding-top:10px}.breaking-change{color:var(--error-color)}#flow{width:100%}#flow,.App{height:100vh}.App{text-align:center;width:100vw}.node{pointer-events:none;position:fixed}.node:hover{border:1px solid red}.node>svg{height:1.3em;vertical-align:middle;width:1.3em}.ant-tabs>.ant-tabs-nav{margin-bottom:0!important}.ant-tabs-tab{background:var(--background-color)!important;border-bottom:1px dashed var(--secondary-color-very-lowalpha)!important;border:1px dashed var(--secondary-color-very-lowalpha)!important;border-bottom-color:var(--secondary-color)!important;border-radius:0!important}.ant-tabs-tab-active{border-bottom:1px dashed var(--secondary-color)!important;border:1px dashed var(--secondary-color)!important;border-bottom-color:var(--background-color)!important}.ant-tabs-nav:before{border-bottom:1px dashed var(--secondary-color)!important}footer{background-color:var(--background-color);font-size:.6em}body[data-embedded] footer{display:none}.identical-specs{height:500px;left:calc(50vw - 300px);position:absolute;text-align:center;top:calc(50vh - 250px);width:600px}.identical-smile{color:var(--primary-color);font-size:200px;margin-bottom:30px}@media only screen and (max-width:1000px){#main_container{animation:fadeInAnimationMobile .6s ease-out}footer{font-size:.6em}#main_container{width:calc(100vw - 10px)}.report-changes{height:calc(100vh - 160px)}.identical-specs{height:200px;left:calc(50vw - 150px);position:absolute;text-align:center;top:calc(50vh - 200px);width:300px}.identical-smile{color:var(--primary-color);font-size:200px;margin-bottom:30px}}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);color:var(--font-color);font-family:var(--font-stack);padding:0}a,a:active,a:hover,a:visited{color:var(--primary-color)}a:hover{text-decoration:underline}html{scroll-behavior:smooth}body::-webkit-scrollbar{width:8px}body::-webkit-scrollbar-track{background-color:var(--invert-font-color)}body::-webkit-scrollbar-thumb{background:var(--secondary-color-lowalpha);box-shadow:inset 0 0 6px rgba(0,0,0,.3)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}footer{border-top:1px dashed var(--secondary-color);bottom:0;left:0;padding:5px;position:fixed;width:calc(100vw - 10px)}@media only screen and (max-width:1000px){body{padding:5px 5px 0}} \ No newline at end of file +header{font-family:var(--font-stack);font-size:1.5rem;height:38px;padding-top:2px;position:relative}header button{margin-right:20px;margin-top:-3px}header>a{color:var(--primary-color);float:right;font-weight:700;text-decoration:none}.report-generated{color:var(--secondary-color);font-size:12px}@media only screen and (max-width:1000px){header{height:30px}header>a{font-size:14px}.report-generated{bottom:8px;font-size:10px;position:absolute;right:0}}.timeline-container{margin-top:10px}.navigation-timeline{margin-top:20px}.nav-change-container,.nav-change-container-active{background-color:var(--rule-item-background);border:1px solid var(--rule-item-border);padding:5px}.nav-change-container-active,.nav-change-container:hover{border:1px solid var(--primary-color);cursor:pointer}.nav-change-container:active{background-color:var(--rule-recommended-background);border:1px solid var(--secondary-color)}.nav-change-container-selected{background-color:var(--secondary-color-very-lowalpha);border:1px solid var(--primary-color);cursor:pointer;padding:5px}.navigation-changes-chart{margin-bottom:20px}.nav-change-date{border-bottom:1px solid var(--rule-recommended-background);display:block;font-size:11px;margin-bottom:5px;padding-bottom:5px}.timeline-change-stat-title{color:var(--dark-font-color);font-size:12px}.timeline-change-stat-title-breaking{color:var(--error-font-color);font-size:12px}.nav-change-statistics{display:flex;flex-direction:row;justify-content:flex-start;padding:0 10px}.nav-change-statistics>div{padding-right:50px}.nav-doc-created{color:var(--secondary-color);font-size:11px}.potato-pete .ant-drawer-body{background-color:orange}.potato-pete .ant-drawer-body::-webkit-scrollbar{width:8px}.potato-pete .ant-drawer-body::-webkit-scrollbar-track{background-color:var(--invert-font-color)}.potato-pete .ant-drawer-body::-webkit-scrollbar-thumb{background:var(--secondary-color-lowalpha);box-shadow:none}.chart-container{height:200px;margin-right:40px;width:200px}.report-container{display:flex;flex-direction:row;margin-bottom:10px;margin-left:10px}.report-summary{width:calc(100vw - 743px)}.report-summary-stats{display:flex;flex-direction:row;height:70px;justify-content:flex-end;padding-top:10px}.commit{background-color:var(--rule-item-background);border:1px dashed var(--secondary-color-very-lowalpha);font-size:.8rem;height:60px;max-height:50px;overflow:hidden;padding:5px;text-align:right;text-overflow:ellipsis;white-space:nowrap}.commit-changed{color:var(--secondary-color);display:block;font-size:.8rem;margin-bottom:10px}.commit-date{border:1px solid var(--neon-pink);color:var(--neon-pink);display:inline-block;padding:1px 3px}section.report-header{height:220px;overflow:hidden}@media only screen and (max-width:1000px){.report-summary{display:none}.report-container{justify-content:space-between}.chart-container{height:85px;margin-right:0;width:86px}section.report-header{height:150px}}.ant-tree,.ant-tree .ant-tree-switcher-noop,.ant-tree-show-line .ant-tree-switcher{background:none!important}.ant-tree .ant-tree-node-content-wrapper{border:1px solid transparent}.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected{background:none;color:var(--primary-color)!important}.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected .tree-title{color:var(--primary-color)!important}.tree-holder{flex-grow:2;height:calc(100vh - 287px);overflow:auto;position:relative;width:100%}body[data-embedded] .tree-holder,body[data-embedded] .tree-scroller{height:calc(100vh - 260px)}.tree-title-dull,.treeview-origmod-cols{color:var(--dark-font-color)}.treeview-origmod-cols{font-size:5px!important;margin-bottom:10px;margin-left:13px}.change-details{border:1px dashed var(--secondary-color);height:25px;margin-bottom:10px;margin-left:15px;overflow-x:auto;padding-bottom:2px;padding-left:10px;padding-top:2px}.change-details::-webkit-scrollbar{width:8px}.change-details::-webkit-scrollbar-track{background-color:var(--invert-font-color)}.change-details::-webkit-scrollbar-thumb{background:var(--secondary-color-lowalpha);box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.change-details-breaking{background-color:var(--error-color-verylowalpha);border:1px dashed var(--error-color)}.tree-verb{font-size:14px}.tree-scroller{height:calc(100vh - 287px);overflow-y:auto}.tree-scroller::-webkit-scrollbar{width:8px}.tree-scroller::-webkit-scrollbar-track{background-color:var(--invert-font-color)}.tree-scroller::-webkit-scrollbar-thumb{background:var(--secondary-color-lowalpha);box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.ant-tree-list-scrollbar{background-color:var(--invert-font-color);border-radius:0!important;display:block!important}.ant-tree-list-scrollbar-thumb{background:var(--secondary-color)!important;border-radius:0!important}.tree{overflow-y:auto}.ant-tree-list{overflow:hidden!important}.ant-tree-list-holder::-webkit-scrollbar{width:8px}.ant-tree-list-holder::-webkit-scrollbar-track{background-color:var(--invert-font-color)}.ant-tree-list-holder::-webkit-scrollbar-thumb{background:var(--secondary-color-lowalpha);box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.ant-tree::-webkit-scrollbar-thumb{background:var(--secondary-color-lowalpha);box-shadow:inset 0 0 6px rgba(0,0,0,.9)}.ant-tree-treenode-selected:before{background-color:var(--secondary-color-very-lowalpha)!important}section.tree-nothing-selected{height:calc(100vh - 690px);width:100%}.nothing-selected-icon{color:var(--secondary-color-lowalpha);margin:100px auto;text-align:center;text-transform:uppercase;width:400px}.nothing-selected-icon>.icon{font-size:100px}section.tree-selected-change{animation:fadeIn 1s;height:calc(100vh - 690px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mod-col,.orig-col{display:block;font-size:11px;line-height:6px}@media only screen and (max-width:1000px){body[data-embedded] .tree-holder,body[data-embedded] .tree-scroller{height:calc(100vh - 560px)}.mobile-tree{height:66vh}section.tree-nothing-selected{height:calc(100vh - 550px);width:100%}.tree-scroller{height:200px;margin-bottom:20px}.tree-holder{border-bottom:1px dashed var(--secondary-color);height:220px;margin-bottom:20px}.diff-view{max-height:calc(100vh - 415px)}.nothing-selected-icon{margin:20px auto}.treeview-origmod-cols{font-size:.6em!important}.mod-col,.orig-col{display:block;font-size:.5em;line-height:6px}.nothing-selected-icon{width:100%}section.tree-selected-change{height:calc(100vh - 690px)}.change-details{margin-left:0;padding-left:10px}}.editor-flip-controls{display:block;font-size:11px;position:absolute;right:10px;top:-20px;width:152px}.editor-flip-controls button{margin-left:10px}section.editor{position:relative}@media only screen and (max-width:1000px){.editor-flip-controls{display:none}}.drawer-title{font-weight:400;position:relative}.drawer-title-icon{float:left;height:21px;margin-top:3px;width:21px}.drawer-breaking-icon-title{color:var(--error-color);font-size:12px;margin-right:5px;margin-top:0;vertical-align:text-bottom}.drawer-breaking-icon-container{position:absolute;right:10px;top:1px;width:90px}.drawer-breaking-icon{color:var(--error-color);font-size:22px}.drawer-title-property{padding-top:3px}.drawer-title-property,.drawer-title-property-verb{display:block;font-size:13px;font-weight:400;margin-left:30px;vertical-align:top}.drawer-title-property-verb{padding-top:0}.drawer-title-changed .ant-tag{font-size:12px;vertical-align:center}.drawer-verb{font-size:18px;margin-top:2px}.ant-drawer-body{padding-bottom:0!important;padding-top:10px!important}.ant-drawer-header{padding:0!important}.ant-drawer-close{margin-inline-end:5px!important}.ant-drawer-header-title{padding:5px 5px 7px}.original-modified-container{color:var(--dark-font-color);margin-bottom:10px}.original-change-value{color:var(--primary-color)}.new-change-value{color:var(--secondary-color);font-style:italic;max-width:100px;text-overflow:ellipsis}.fill-word{color:var(--dark-font-color);font-weight:lighter}.linenumber-highlight{color:var(--secondary-color)}@media only screen and (max-width:1000px){.drawer-title{max-height:20px;overflow:hidden}.drawer-breaking-icon-title{display:none}.drawer-breaking-icon-container{width:20px}}.graph-verb{display:inline;font-size:11px}.dragging{cursor:move}.edge{stroke:#b1b1b7;stroke-dasharray:5;animation:dashdraw 1.5s linear infinite;stroke-width:1}@keyframes dashdraw{0%{stroke-dashoffset:10}}:root{--focus-border:orange;--separator-border:red;--global-font-size:17px;--toc-font-size:0.7rem;--breadcrumb-font-size:0.75rem;--childnav-font-size:0.75rem;--nav-font-size:0.95rem;--toc-font-header-size:0.85rem;--rule-item-header-fontsize:1.2rem;--rule-item-header-fontsize-mobile:1rem;--rule-item-details-fontsize:0.8rem;--rule-format-fontsize:0.8rem;--rule-type-fontsize:0.7rem;--rule-severity-fontsize:0.8rem;--rule-recommended-fontsize:0.7rem;--rule-function-fontsize:0.8rem;--rule-recommended-banner-fontsize:1rem;--rule-panel-label:0.7rem;--rule-id-fontsize:2rem;--rule-id-fontsize-mobile:1.3rem;--global-line-height:1.4em;--global-space:10px;--vacuum-navigation-width-v:199px;--vacuum-navigation-width:200px;--font-stack:Menlo,Monaco,Roboto Mono,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;--mono-font-stack:Menlo,Monaco,Roboto Mono,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;--background-color:#0d1117;--background-color-alpha:rgba(13,17,23,.8);--background-color-alpha-mobile:rgba(13,17,23,.99);--rule-item-background:rgba(26,32,44,.51);--rule-recommended-background:#212937;--rule-stats-background:#0a0a0a;--rule-item-border:rgba(35,43,58,.9);--navigation-hover:#b685ff33;--navigation-child-selected:rgba(182,133,255,.36);--navigation-child-hover:rgba(179,131,250,.09);--navigation-child-container:linear-gradient(180deg,#000,rgba(182,133,255,.2) 50%);--vacuum-online-results-background:linear-gradient(180deg,#0d1117,hsla(260,5%,88%,.12) 50%);--page-width:65em;--font-color:#e8e9ed;--dark-font-color:#a5a5a5;--invert-font-color:#222225;--global-padding:10px;--secondary-color:#f83aff;--secondary-color-dimmer:rgba(248,58,255,.45);--secondary-color-text-shadow:rgba(250,113,251,.5);--secondary-color-text-shadow-outer:rgba(251,169,255,.14);--secondary-color-lowalpha:rgba(248,58,255,.3);--secondary-color-very-lowalpha:rgba(248,58,255,.05);--secondary-color-shadow:#3b2957;--secondary-color-shadow-mid:#4e3672;--tertiary-color:#a3abba;--terminal-border:rgba(76,81,91,.5);--terminal-header-background:linear-gradient(90deg,rgba(76,81,91,.5),rgba(76,81,91,.1) 80%);--primary-color:#62c4ff;--primary-color-lowalpha:rgba(98,196,255,.6);--primary-color-verylowalpha:rgba(98,196,255,.2);--error-color:#ff3c74;--error-font-color:#ff246b;--error-color-lowalpha:rgba(255,60,116,.4);--error-color-verylowalpha:#0c0000;--progress-bar-background:#0a0a0a;--progress-bar-fill:#62c4ff;--code-bg-color:none;--input-style:solid;--display-h1-decoration:none;--bold-text:#f83aff;--terminal-green:#0f0;--terminal-yellow:#fddb00;--hrcolor:#3d3d3d;--code-border:#525252;--string-literal:#f83aff;--neon-pink:#f83aff;--warn-400:#ff6a00;--warn-400-lowalpha:rgba(255,106,0,.15);--warn-300:#f90;--warn-300-lowalpha:rgba(255,153,0,.05);--warn-200:#ffb700;--warn-200-lowalpha:rgba(255,183,0,.15);--warn-color:#ffd500;--warn-color-lowalpha:rgba(255,213,0,.15);--ok-400:#f7ff00;--ok-400-lowalpha:rgba(230,255,0,.15);--ok-300:#d0ff00;--ok-300-lowalpha:rgba(208,255,0,.15);--ok-200:#af0;--ok-200-lowalpha:rgba(170,255,0,.15);--ok-color:#1aff00;--ok-color-lowalpha:rgba(170,255,0,.15);--separator-border:hsla(0,0%,50%,.35);--sash-hover-transition-duration:0.1s}.allotment-module_splitView__L-yRc{height:100%;overflow:hidden;position:relative;width:100%}.allotment-module_splitView__L-yRc>.allotment-module_sashContainer__fzwJF{height:100%;pointer-events:none;position:absolute;width:100%}.allotment-module_splitView__L-yRc>.allotment-module_sashContainer__fzwJF>.allotment-module_sash__QA-2t{pointer-events:auto}.allotment-module_splitView__L-yRc>.allotment-module_splitViewContainer__rQnVa{height:100%;position:relative;white-space:nowrap;width:100%}.allotment-module_splitView__L-yRc>.allotment-module_splitViewContainer__rQnVa>.allotment-module_splitViewView__MGZ6O{overflow:hidden;position:absolute;white-space:normal}.allotment-module_splitView__L-yRc.allotment-module_vertical__WSwwa>.allotment-module_splitViewContainer__rQnVa>.allotment-module_splitViewView__MGZ6O{width:100%}.allotment-module_splitView__L-yRc.allotment-module_horizontal__7doS8>.allotment-module_splitViewContainer__rQnVa>.allotment-module_splitViewView__MGZ6O{height:100%}.allotment-module_splitView__L-yRc.allotment-module_separatorBorder__x-rDS>.allotment-module_splitViewContainer__rQnVa>.allotment-module_splitViewView__MGZ6O:not(:first-child):before{background-color:var(--separator-border);content:" ";left:0;pointer-events:none;position:absolute;top:0;z-index:5}.allotment-module_splitView__L-yRc.allotment-module_separatorBorder__x-rDS.allotment-module_vertical__WSwwa>.allotment-module_splitViewContainer__rQnVa>.allotment-module_splitViewView__MGZ6O:not(:first-child):before{height:1px;width:100%}.allotment-module_splitView__L-yRc.allotment-module_separatorBorder__x-rDS.allotment-module_horizontal__7doS8>.allotment-module_splitViewContainer__rQnVa>.allotment-module_splitViewView__MGZ6O:not(:first-child):before{height:100%;width:1px}:root{--focus-border:#007fd4;--sash-size:8px;--sash-hover-size:4px}.sash-module_sash__K-9lB{pointer-events:auto;position:absolute;text-align:initial;touch-action:none;z-index:35}.sash-module_sash__K-9lB.sash-module_disabled__Hm-wx{pointer-events:none}.sash-module_sash__K-9lB.sash-module_mac__Jf6OJ.sash-module_vertical__pB-rs{cursor:col-resize}.sash-module_sash__K-9lB.sash-module_vertical__pB-rs.sash-module_minimum__-UKxp{cursor:e-resize}.sash-module_sash__K-9lB.sash-module_vertical__pB-rs.sash-module_maximum__TCWxD{cursor:w-resize}.sash-module_sash__K-9lB.sash-module_mac__Jf6OJ.sash-module_horizontal__kFbiw{cursor:row-resize}.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw.sash-module_minimum__-UKxp{cursor:s-resize}.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw.sash-module_maximum__TCWxD{cursor:n-resize}.sash-module_sash__K-9lB.sash-module_disabled__Hm-wx{cursor:default!important;pointer-events:none!important}.sash-module_sash__K-9lB.sash-module_vertical__pB-rs{cursor:ew-resize;height:100%;top:0;width:var(--sash-size)}.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw{cursor:ns-resize;height:var(--sash-size);left:0;width:100%}.sash-module_sash__K-9lB:not(.sash-module_disabled__Hm-wx)>.sash-module_orthogonal-drag-handle__Yii2-{content:" ";cursor:all-scroll;display:block;height:calc(var(--sash-size)*2);position:absolute;width:calc(var(--sash-size)*2);z-index:100}.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw.sash-module_orthogonal-edge-north__f7Noe:not(.sash-module_disabled__Hm-wx)>.sash-module_orthogonal-drag-handle__Yii2-.sash-module_start__uZEDk,.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw.sash-module_orthogonal-edge-south__6ZrFC:not(.sash-module_disabled__Hm-wx)>.sash-module_orthogonal-drag-handle__Yii2-.sash-module_end__0TP-R{cursor:nwse-resize}.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw.sash-module_orthogonal-edge-north__f7Noe:not(.sash-module_disabled__Hm-wx)>.sash-module_orthogonal-drag-handle__Yii2-.sash-module_end__0TP-R,.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw.sash-module_orthogonal-edge-south__6ZrFC:not(.sash-module_disabled__Hm-wx)>.sash-module_orthogonal-drag-handle__Yii2-.sash-module_start__uZEDk{cursor:nesw-resize}.sash-module_sash__K-9lB.sash-module_vertical__pB-rs>.sash-module_orthogonal-drag-handle__Yii2-.sash-module_start__uZEDk{left:calc(var(--sash-size)*-.5);top:calc(var(--sash-size)*-1)}.sash-module_sash__K-9lB.sash-module_vertical__pB-rs>.sash-module_orthogonal-drag-handle__Yii2-.sash-module_end__0TP-R{bottom:calc(var(--sash-size)*-1);left:calc(var(--sash-size)*-.5)}.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw>.sash-module_orthogonal-drag-handle__Yii2-.sash-module_start__uZEDk{left:calc(var(--sash-size)*-1);top:calc(var(--sash-size)*-.5)}.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw>.sash-module_orthogonal-drag-handle__Yii2-.sash-module_end__0TP-R{right:calc(var(--sash-size)*-1);top:calc(var(--sash-size)*-.5)}.sash-module_sash__K-9lB:before{background:transparent;content:"";height:100%;pointer-events:none;position:absolute;transition:background-color var(--sash-hover-transition-duration) ease-out;width:100%}.sash-module_sash__K-9lB.sash-module_vertical__pB-rs:before{left:calc(50% - var(--sash-hover-size)/2);width:var(--sash-hover-size)}.sash-module_sash__K-9lB.sash-module_horizontal__kFbiw:before{height:var(--sash-hover-size);top:calc(50% - var(--sash-hover-size)/2)}.sash-module_sash__K-9lB.sash-module_active__bJspD:before,.sash-module_sash__K-9lB.sash-module_hover__80W6I:before{background:var(--focus-border)}#root{flex:1 0 auto}#main_container{animation:fadeInAnimation .6s ease-out;animation-fill-mode:forwards;animation-iteration-count:1;flex:1 0 auto;font-family:var(--font-stack);width:100vw}@keyframes fadeInAnimation{0%{filter:blur(1.5rem);margin-left:100px;opacity:0;padding-top:100px;width:90%}to{filter:blur(0);margin-left:0;opacity:1;padding-top:0;width:100%}}@keyframes fadeInAnimationMobile{0%{filter:blur(1.5rem);opacity:0;padding-top:100px;width:90%}to{filter:blur(0);opacity:1;padding-top:0;width:100%}}hr{border:none;border-bottom:1px dashed var(--secondary-color);margin-block-end:0;margin-block-start:0}.height-100{height:100px}.height-120{height:120px}.height-150{height:150px}.height-180{height:180px}.height-200{height:200px}.height-300{height:300px}.height-400{height:400px}.height-500{height:500px}.width-100{width:100px}.width-150{width:150px}.m-top-20{margin-top:20px}.m-bottom-20{margin-bottom:20px}.width-200{width:200px}.width-300{width:300px}.flex{display:flex}.flex-wrap{flex-flow:wrap}.flex-center{justify-content:center}.report-changes{width:100%}section.report-header>header{height:40px;padding-left:10px;padding-right:10px;padding-top:5px}body[data-embedded] section.report-header>header{padding-top:10px}.breaking-change{color:var(--error-color)}#flow{width:100%}#flow,.App{height:100vh}.App{text-align:center;width:100vw}.node{pointer-events:none;position:fixed}.node:hover{border:1px solid red}.node>svg{height:1.3em;vertical-align:middle;width:1.3em}.ant-tabs>.ant-tabs-nav{margin-bottom:0!important}.ant-tabs-tab{background:var(--background-color)!important;border-bottom:1px dashed var(--secondary-color-very-lowalpha)!important;border:1px dashed var(--secondary-color-very-lowalpha)!important;border-bottom-color:var(--secondary-color)!important;border-radius:0!important}.ant-tabs-tab-active{border-bottom:1px dashed var(--secondary-color)!important;border:1px dashed var(--secondary-color)!important;border-bottom-color:var(--background-color)!important}.ant-tabs-nav:before{border-bottom:1px dashed var(--secondary-color)!important}footer{background-color:var(--background-color);font-size:.6em}body[data-embedded] footer{display:none}.identical-specs{height:500px;left:calc(50vw - 300px);position:absolute;text-align:center;top:calc(50vh - 250px);width:600px}.identical-smile{color:var(--primary-color);font-size:200px;margin-bottom:30px}@media only screen and (max-width:1000px){#main_container{animation:fadeInAnimationMobile .6s ease-out}footer{font-size:.6em}#main_container{width:calc(100vw - 10px)}.report-changes{height:calc(100vh - 160px)}.identical-specs{height:200px;left:calc(50vw - 150px);position:absolute;text-align:center;top:calc(50vh - 200px);width:300px}.identical-smile{color:var(--primary-color);font-size:200px;margin-bottom:30px}}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);color:var(--font-color);font-family:var(--font-stack);padding:0}a,a:active,a:hover,a:visited{color:var(--primary-color)}a:hover{text-decoration:underline}html{scroll-behavior:smooth}body::-webkit-scrollbar{width:8px}body::-webkit-scrollbar-track{background-color:var(--invert-font-color)}body::-webkit-scrollbar-thumb{background:var(--secondary-color-lowalpha);box-shadow:inset 0 0 6px rgba(0,0,0,.3)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}footer{border-top:1px dashed var(--secondary-color);bottom:0;left:0;padding:5px;position:fixed;width:calc(100vw - 10px)}@media only screen and (max-width:1000px){body{padding:5px 5px 0}} \ No newline at end of file diff --git a/html-report/ui/src/variables.css b/html-report/ui/src/variables.css index 527579a..13637c4 100644 --- a/html-report/ui/src/variables.css +++ b/html-report/ui/src/variables.css @@ -43,7 +43,7 @@ --vacuum-online-results-background: linear-gradient(180deg, rgba(13, 17, 23,1) 0%, rgba(223, 222, 225, 0.12) 50%); --page-width: 65em; --font-color: #e8e9ed; - --dark-font-color: #787878; + --dark-font-color: #a5a5a5; --invert-font-color: #222225; --global-padding: 10px; --secondary-color: #f83aff;