Maingron/MainOS

View on GitHub

Showing 2,717 of 2,717 total issues

!important should not be used
Open

    background-color:var(--beige2) !important;
Severity: Minor
Found in Program Files/paint/paint.scss by scss-lint

The universal selector (*) is known to be slow.
Open

:root{--themecolor: #940;--font: sans-serif;--black: #000;--black2: #151515;--black3: #444;--black4: #555;--black5: #666;--hovercolor: #ffaa0077;--hovercolornontransparent: #ffaa00;--beige: #ddb;--beige2: #cca;--beige3: #bb7;--beige4: #fdfdfa;--altbarheight: 30px;--altbarcolor: var(--themecolor);--border-radius: 2px;--font-size-base: 1em;--taskbarheight: 45px;--glassyElementSpacing: 15px;--glassyElementBlur: 25px;--glassyElementBackground: rgba(30,30,30,.5);--bg-1: var(--black);--bg-2: var(--black2);--bg-3: var(--black3);--bg-4: var(--black4);--bg-5: var(--black5)}html,body{background-color:rgba(0,0,0,0)}html{font-size:var(--font-size-base);overflow:clip}body{background:var(--beige4);color:#000;margin:0;padding:0;font-family:var(--font);accent-color:var(--themecolor);font-size:1rem;color-scheme:light}*{color:#000;font-family:var(--font)}*::-moz-selection{background-color:var(--hovercolor)}*::selection{background-color:var(--hovercolor)}body button:not([disabled]),body input:not([disabled]),body select:not([disabled]),body .has_hover:not([disabled]),body .contextMenu a:not([disabled]){transition:background-color .1s,filter .1s}body button:not([disabled]):hover,body button:not([disabled]):focus-visible,body input:not([disabled]):hover,body input:not([disabled]):focus-visible,body select:not([disabled]):hover,body select:not([disabled]):focus-visible,body .has_hover:not([disabled]):hover,body .has_hover:not([disabled]):focus-visible,body .contextMenu a:not([disabled]):hover,body .contextMenu a:not([disabled]):focus-visible{background-color:var(--hovercolor);filter:brightness(1.2)}body button:not([disabled]):hover:not(input),body button:not([disabled]):focus-visible:not(input),body input:not([disabled]):hover:not(input),body input:not([disabled]):focus-visible:not(input),body select:not([disabled]):hover:not(input),body select:not([disabled]):focus-visible:not(input),body .has_hover:not([disabled]):hover:not(input),body .has_hover:not([disabled]):focus-visible:not(input),body .contextMenu a:not([disabled]):hover:not(input),body .contextMenu a:not([disabled]):focus-visible:not(input){cursor:pointer}body .has_hover:not([disabled]){transition:background-color .1s,filter .1s !important}body .has_hover:not([disabled]):hover,body .has_hover:not([disabled]):focus-visible{outline:1px solid var(--themecolor);outline-offset:-1px;background-color:rgba(85,85,85,.8) !important;filter:brightness(1.2) !important}input,select,button,textarea{background:var(--beige4);color:#000;font-size:1em;border-radius:var(--border-radius)}button{line-height:2}meter{box-sizing:border-box;display:inline-block;position:relative;width:100%;height:8px;border:0}meter::-webkit-meter-optimum-value{background:var(--themecolor)}meter::-moz-meter-bar{background:var(--themecolor)}.altbar{height:var(--altbarheight);width:100%;border-bottom:1px solid #555;background:var(--beige);position:sticky;display:flex;flex-direction:row;top:0;box-sizing:border-box;padding:1px}.altbar button{line-height:revert;background:rgba(0,0,0,0);border:0;padding:0 .4em;height:100%;border-radius:1px}.toolbar{border-bottom:1px solid #555;background:var(--bg-3)}.toolbar2{border-bottom:1px solid #555;background:var(--bg-4)}.contextMenu{width:auto;background:rgba(255,255,255,.4666666667);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:auto;position:absolute;display:inline-block;z-index:1000;padding:0;border-radius:var(--border-radius);border:1px solid var(--themecolor);box-sizing:border-box;min-width:130px;min-height:1rem}.contextMenu hr{margin:0;padding:0;border:none;border-bottom:1px solid var(--themecolor)}.contextMenu a{display:block;padding:3px 8px;text-decoration:none;cursor:pointer}.contextMenu a:last-of-type{border-bottom:none}*[disabled],*[disabled=disabled]{filter:contrast(0.4) brightness(0.6) grayscale(0.1);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;pointer-events:none}.hidden{display:none !important}@media(prefers-color-scheme: dark){body{background:rgba(0,0,0,0);color:#fff;background-color:var(--bg-1);color-scheme:dark}*{color:#fff}.altbar{background:var(--altbarcolor);border-bottom:none;transition:.1s}input,select,button,textarea{color:#fff;background:var(--black2);border:1px solid #444}.contextMenu{background:rgba(0,0,0,.6666666667)}.contextMenu a{color:#fff}.contextMenu a:last-of-type{border-bottom:none}::-webkit-scrollbar{background:var(--black);width:initial}::-webkit-scrollbar-thumb{background:var(--black3);border:1px solid var(--themecolor)}::-webkit-scrollbar-corner{background:var(--black)}}@media(prefers-color-scheme: light){:root{--bg-1: var(--beige4);--bg-2: var(--beige);--bg-3: var(--beige2);--bg-4: var(--beige3);--bg-5: var(--beige4)}}/*# sourceMappingURL=helper.min.css.map */
Severity: Minor
Found in helper.min.css by csslint

Colon after property should be followed by one space
Open

        background:var(--black3);
Severity: Minor
Found in Program Files/paint/paint.scss by scss-lint

Color lime should be written in hexadecimal form as #00ff00
Open

            background-color: lime;
Severity: Minor
Found in Program Files/paint/paint.scss by scss-lint

Expected ([ <generic-family> | <family-name> ]#) but found 'var(--font)'.</family-name></generic-family>
Open

:root{--themecolor: #940;--font: sans-serif;--black: #000;--black2: #151515;--black3: #444;--black4: #555;--black5: #666;--hovercolor: #ffaa0077;--hovercolornontransparent: #ffaa00;--beige: #ddb;--beige2: #cca;--beige3: #bb7;--beige4: #fdfdfa;--altbarheight: 30px;--altbarcolor: var(--themecolor);--border-radius: 2px;--font-size-base: 1em;--taskbarheight: 45px;--glassyElementSpacing: 15px;--glassyElementBlur: 25px;--glassyElementBackground: rgba(30,30,30,.5);--bg-1: var(--black);--bg-2: var(--black2);--bg-3: var(--black3);--bg-4: var(--black4);--bg-5: var(--black5)}html,body{background-color:rgba(0,0,0,0)}html{font-size:var(--font-size-base);overflow:clip}body{background:var(--beige4);color:#000;margin:0;padding:0;font-family:var(--font);accent-color:var(--themecolor);font-size:1rem;color-scheme:light}*{color:#000;font-family:var(--font)}*::-moz-selection{background-color:var(--hovercolor)}*::selection{background-color:var(--hovercolor)}body button:not([disabled]),body input:not([disabled]),body select:not([disabled]),body .has_hover:not([disabled]),body .contextMenu a:not([disabled]){transition:background-color .1s,filter .1s}body button:not([disabled]):hover,body button:not([disabled]):focus-visible,body input:not([disabled]):hover,body input:not([disabled]):focus-visible,body select:not([disabled]):hover,body select:not([disabled]):focus-visible,body .has_hover:not([disabled]):hover,body .has_hover:not([disabled]):focus-visible,body .contextMenu a:not([disabled]):hover,body .contextMenu a:not([disabled]):focus-visible{background-color:var(--hovercolor);filter:brightness(1.2)}body button:not([disabled]):hover:not(input),body button:not([disabled]):focus-visible:not(input),body input:not([disabled]):hover:not(input),body input:not([disabled]):focus-visible:not(input),body select:not([disabled]):hover:not(input),body select:not([disabled]):focus-visible:not(input),body .has_hover:not([disabled]):hover:not(input),body .has_hover:not([disabled]):focus-visible:not(input),body .contextMenu a:not([disabled]):hover:not(input),body .contextMenu a:not([disabled]):focus-visible:not(input){cursor:pointer}body .has_hover:not([disabled]){transition:background-color .1s,filter .1s !important}body .has_hover:not([disabled]):hover,body .has_hover:not([disabled]):focus-visible{outline:1px solid var(--themecolor);outline-offset:-1px;background-color:rgba(85,85,85,.8) !important;filter:brightness(1.2) !important}input,select,button,textarea{background:var(--beige4);color:#000;font-size:1em;border-radius:var(--border-radius)}button{line-height:2}meter{box-sizing:border-box;display:inline-block;position:relative;width:100%;height:8px;border:0}meter::-webkit-meter-optimum-value{background:var(--themecolor)}meter::-moz-meter-bar{background:var(--themecolor)}.altbar{height:var(--altbarheight);width:100%;border-bottom:1px solid #555;background:var(--beige);position:sticky;display:flex;flex-direction:row;top:0;box-sizing:border-box;padding:1px}.altbar button{line-height:revert;background:rgba(0,0,0,0);border:0;padding:0 .4em;height:100%;border-radius:1px}.toolbar{border-bottom:1px solid #555;background:var(--bg-3)}.toolbar2{border-bottom:1px solid #555;background:var(--bg-4)}.contextMenu{width:auto;background:rgba(255,255,255,.4666666667);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:auto;position:absolute;display:inline-block;z-index:1000;padding:0;border-radius:var(--border-radius);border:1px solid var(--themecolor);box-sizing:border-box;min-width:130px;min-height:1rem}.contextMenu hr{margin:0;padding:0;border:none;border-bottom:1px solid var(--themecolor)}.contextMenu a{display:block;padding:3px 8px;text-decoration:none;cursor:pointer}.contextMenu a:last-of-type{border-bottom:none}*[disabled],*[disabled=disabled]{filter:contrast(0.4) brightness(0.6) grayscale(0.1);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;pointer-events:none}.hidden{display:none !important}@media(prefers-color-scheme: dark){body{background:rgba(0,0,0,0);color:#fff;background-color:var(--bg-1);color-scheme:dark}*{color:#fff}.altbar{background:var(--altbarcolor);border-bottom:none;transition:.1s}input,select,button,textarea{color:#fff;background:var(--black2);border:1px solid #444}.contextMenu{background:rgba(0,0,0,.6666666667)}.contextMenu a{color:#fff}.contextMenu a:last-of-type{border-bottom:none}::-webkit-scrollbar{background:var(--black);width:initial}::-webkit-scrollbar-thumb{background:var(--black3);border:1px solid var(--themecolor)}::-webkit-scrollbar-corner{background:var(--black)}}@media(prefers-color-scheme: light){:root{--bg-1: var(--beige4);--bg-2: var(--beige);--bg-3: var(--beige2);--bg-4: var(--beige3);--bg-5: var(--beige4)}}/*# sourceMappingURL=helper.min.css.map */
Severity: Minor
Found in helper.min.css by csslint

Colon after property should be followed by one space
Open

        height:100%;
Severity: Minor
Found in Program Files/paint/paint.scss by scss-lint

Expected (<margin-width> | <content-sizing>) but found 'var(--altbarheight)'.</content-sizing></margin-width>
Open

:root{--themecolor: #940;--font: sans-serif;--black: #000;--black2: #151515;--black3: #444;--black4: #555;--black5: #666;--hovercolor: #ffaa0077;--hovercolornontransparent: #ffaa00;--beige: #ddb;--beige2: #cca;--beige3: #bb7;--beige4: #fdfdfa;--altbarheight: 30px;--altbarcolor: var(--themecolor);--border-radius: 2px;--font-size-base: 1em;--taskbarheight: 45px;--glassyElementSpacing: 15px;--glassyElementBlur: 25px;--glassyElementBackground: rgba(30,30,30,.5);--bg-1: var(--black);--bg-2: var(--black2);--bg-3: var(--black3);--bg-4: var(--black4);--bg-5: var(--black5)}html,body{background-color:rgba(0,0,0,0)}html{font-size:var(--font-size-base);overflow:clip}body{background:var(--beige4);color:#000;margin:0;padding:0;font-family:var(--font);accent-color:var(--themecolor);font-size:1rem;color-scheme:light}*{color:#000;font-family:var(--font)}*::-moz-selection{background-color:var(--hovercolor)}*::selection{background-color:var(--hovercolor)}body button:not([disabled]),body input:not([disabled]),body select:not([disabled]),body .has_hover:not([disabled]),body .contextMenu a:not([disabled]){transition:background-color .1s,filter .1s}body button:not([disabled]):hover,body button:not([disabled]):focus-visible,body input:not([disabled]):hover,body input:not([disabled]):focus-visible,body select:not([disabled]):hover,body select:not([disabled]):focus-visible,body .has_hover:not([disabled]):hover,body .has_hover:not([disabled]):focus-visible,body .contextMenu a:not([disabled]):hover,body .contextMenu a:not([disabled]):focus-visible{background-color:var(--hovercolor);filter:brightness(1.2)}body button:not([disabled]):hover:not(input),body button:not([disabled]):focus-visible:not(input),body input:not([disabled]):hover:not(input),body input:not([disabled]):focus-visible:not(input),body select:not([disabled]):hover:not(input),body select:not([disabled]):focus-visible:not(input),body .has_hover:not([disabled]):hover:not(input),body .has_hover:not([disabled]):focus-visible:not(input),body .contextMenu a:not([disabled]):hover:not(input),body .contextMenu a:not([disabled]):focus-visible:not(input){cursor:pointer}body .has_hover:not([disabled]){transition:background-color .1s,filter .1s !important}body .has_hover:not([disabled]):hover,body .has_hover:not([disabled]):focus-visible{outline:1px solid var(--themecolor);outline-offset:-1px;background-color:rgba(85,85,85,.8) !important;filter:brightness(1.2) !important}input,select,button,textarea{background:var(--beige4);color:#000;font-size:1em;border-radius:var(--border-radius)}button{line-height:2}meter{box-sizing:border-box;display:inline-block;position:relative;width:100%;height:8px;border:0}meter::-webkit-meter-optimum-value{background:var(--themecolor)}meter::-moz-meter-bar{background:var(--themecolor)}.altbar{height:var(--altbarheight);width:100%;border-bottom:1px solid #555;background:var(--beige);position:sticky;display:flex;flex-direction:row;top:0;box-sizing:border-box;padding:1px}.altbar button{line-height:revert;background:rgba(0,0,0,0);border:0;padding:0 .4em;height:100%;border-radius:1px}.toolbar{border-bottom:1px solid #555;background:var(--bg-3)}.toolbar2{border-bottom:1px solid #555;background:var(--bg-4)}.contextMenu{width:auto;background:rgba(255,255,255,.4666666667);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:auto;position:absolute;display:inline-block;z-index:1000;padding:0;border-radius:var(--border-radius);border:1px solid var(--themecolor);box-sizing:border-box;min-width:130px;min-height:1rem}.contextMenu hr{margin:0;padding:0;border:none;border-bottom:1px solid var(--themecolor)}.contextMenu a{display:block;padding:3px 8px;text-decoration:none;cursor:pointer}.contextMenu a:last-of-type{border-bottom:none}*[disabled],*[disabled=disabled]{filter:contrast(0.4) brightness(0.6) grayscale(0.1);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;pointer-events:none}.hidden{display:none !important}@media(prefers-color-scheme: dark){body{background:rgba(0,0,0,0);color:#fff;background-color:var(--bg-1);color-scheme:dark}*{color:#fff}.altbar{background:var(--altbarcolor);border-bottom:none;transition:.1s}input,select,button,textarea{color:#fff;background:var(--black2);border:1px solid #444}.contextMenu{background:rgba(0,0,0,.6666666667)}.contextMenu a{color:#fff}.contextMenu a:last-of-type{border-bottom:none}::-webkit-scrollbar{background:var(--black);width:initial}::-webkit-scrollbar-thumb{background:var(--black3);border:1px solid var(--themecolor)}::-webkit-scrollbar-corner{background:var(--black)}}@media(prefers-color-scheme: light){:root{--bg-1: var(--beige4);--bg-2: var(--beige);--bg-3: var(--beige2);--bg-4: var(--beige3);--bg-5: var(--beige4)}}/*# sourceMappingURL=helper.min.css.map */
Severity: Minor
Found in helper.min.css by csslint

Colon after property should be followed by one space
Open

        display:inline;
Severity: Minor
Found in Program Files/paint/paint.scss by scss-lint

Expected (<color>) but found 'var(--bg-1)'.</color>
Open

:root{--themecolor: #940;--font: sans-serif;--black: #000;--black2: #151515;--black3: #444;--black4: #555;--black5: #666;--hovercolor: #ffaa0077;--hovercolornontransparent: #ffaa00;--beige: #ddb;--beige2: #cca;--beige3: #bb7;--beige4: #fdfdfa;--altbarheight: 30px;--altbarcolor: var(--themecolor);--border-radius: 2px;--font-size-base: 1em;--taskbarheight: 45px;--glassyElementSpacing: 15px;--glassyElementBlur: 25px;--glassyElementBackground: rgba(30,30,30,.5);--bg-1: var(--black);--bg-2: var(--black2);--bg-3: var(--black3);--bg-4: var(--black4);--bg-5: var(--black5)}html,body{background-color:rgba(0,0,0,0)}html{font-size:var(--font-size-base);overflow:clip}body{background:var(--beige4);color:#000;margin:0;padding:0;font-family:var(--font);accent-color:var(--themecolor);font-size:1rem;color-scheme:light}*{color:#000;font-family:var(--font)}*::-moz-selection{background-color:var(--hovercolor)}*::selection{background-color:var(--hovercolor)}body button:not([disabled]),body input:not([disabled]),body select:not([disabled]),body .has_hover:not([disabled]),body .contextMenu a:not([disabled]){transition:background-color .1s,filter .1s}body button:not([disabled]):hover,body button:not([disabled]):focus-visible,body input:not([disabled]):hover,body input:not([disabled]):focus-visible,body select:not([disabled]):hover,body select:not([disabled]):focus-visible,body .has_hover:not([disabled]):hover,body .has_hover:not([disabled]):focus-visible,body .contextMenu a:not([disabled]):hover,body .contextMenu a:not([disabled]):focus-visible{background-color:var(--hovercolor);filter:brightness(1.2)}body button:not([disabled]):hover:not(input),body button:not([disabled]):focus-visible:not(input),body input:not([disabled]):hover:not(input),body input:not([disabled]):focus-visible:not(input),body select:not([disabled]):hover:not(input),body select:not([disabled]):focus-visible:not(input),body .has_hover:not([disabled]):hover:not(input),body .has_hover:not([disabled]):focus-visible:not(input),body .contextMenu a:not([disabled]):hover:not(input),body .contextMenu a:not([disabled]):focus-visible:not(input){cursor:pointer}body .has_hover:not([disabled]){transition:background-color .1s,filter .1s !important}body .has_hover:not([disabled]):hover,body .has_hover:not([disabled]):focus-visible{outline:1px solid var(--themecolor);outline-offset:-1px;background-color:rgba(85,85,85,.8) !important;filter:brightness(1.2) !important}input,select,button,textarea{background:var(--beige4);color:#000;font-size:1em;border-radius:var(--border-radius)}button{line-height:2}meter{box-sizing:border-box;display:inline-block;position:relative;width:100%;height:8px;border:0}meter::-webkit-meter-optimum-value{background:var(--themecolor)}meter::-moz-meter-bar{background:var(--themecolor)}.altbar{height:var(--altbarheight);width:100%;border-bottom:1px solid #555;background:var(--beige);position:sticky;display:flex;flex-direction:row;top:0;box-sizing:border-box;padding:1px}.altbar button{line-height:revert;background:rgba(0,0,0,0);border:0;padding:0 .4em;height:100%;border-radius:1px}.toolbar{border-bottom:1px solid #555;background:var(--bg-3)}.toolbar2{border-bottom:1px solid #555;background:var(--bg-4)}.contextMenu{width:auto;background:rgba(255,255,255,.4666666667);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:auto;position:absolute;display:inline-block;z-index:1000;padding:0;border-radius:var(--border-radius);border:1px solid var(--themecolor);box-sizing:border-box;min-width:130px;min-height:1rem}.contextMenu hr{margin:0;padding:0;border:none;border-bottom:1px solid var(--themecolor)}.contextMenu a{display:block;padding:3px 8px;text-decoration:none;cursor:pointer}.contextMenu a:last-of-type{border-bottom:none}*[disabled],*[disabled=disabled]{filter:contrast(0.4) brightness(0.6) grayscale(0.1);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;pointer-events:none}.hidden{display:none !important}@media(prefers-color-scheme: dark){body{background:rgba(0,0,0,0);color:#fff;background-color:var(--bg-1);color-scheme:dark}*{color:#fff}.altbar{background:var(--altbarcolor);border-bottom:none;transition:.1s}input,select,button,textarea{color:#fff;background:var(--black2);border:1px solid #444}.contextMenu{background:rgba(0,0,0,.6666666667)}.contextMenu a{color:#fff}.contextMenu a:last-of-type{border-bottom:none}::-webkit-scrollbar{background:var(--black);width:initial}::-webkit-scrollbar-thumb{background:var(--black3);border:1px solid var(--themecolor)}::-webkit-scrollbar-corner{background:var(--black)}}@media(prefers-color-scheme: light){:root{--bg-1: var(--beige4);--bg-2: var(--beige);--bg-3: var(--beige2);--bg-4: var(--beige3);--bg-5: var(--beige4)}}/*# sourceMappingURL=helper.min.css.map */
Severity: Minor
Found in helper.min.css by csslint

Line should be indented with spaces, not tabs
Open

    main {

Color gray should be written in hexadecimal form as #808080
Open

            border: 1px solid gray;

Line should be indented 2 spaces, but was indented 4 spaces
Open

    --background-color: #fff;

Properties should be ordered display, outline, position, top
Open

        outline: 1px solid yellow;
Severity: Minor
Found in Program Files/settings/style.scss by scss-lint

Each selector in a comma sequence should be on its own single line
Open

html, body {

Properties should be ordered border-bottom, padding
Open

    padding: 10px 0;
Severity: Minor
Found in Program Files/settings/style.scss by scss-lint

Nesting should be no greater than 3, but was 4
Open

            button {

Selector bool_range should be written in lowercase with hyphens
Open

    .bool_range {
Severity: Minor
Found in Program Files/settings/style.scss by scss-lint

Avoid using id selectors
Open

            #left {

Commas in function arguments should be followed by one space
Open

  transform:translate(-50%,-50%);

Expected item on line 36 to appear before line 32. Rule sets should be ordered as follows: @extends, @includes without @content, properties, @includes with @content, nested rule sets
Open

                    font-size: 1.1em;
Severity
Category
Status
Source
Language