Skip to content

Tinkercad Dark by empix

Imported from https://raw.githubusercontent.com/Empix/tinkercad-dark/main/tinkercad-dark.user.css

Screenshot of Tinkercad Dark

Details

Authorempix

LicenseMIT * @copyright AtomicPages LLC 2014 * @author Dennis Thompson, AtomicPages LLC * @version 1.1 * @source https://github.com/atomicpages/codemirror-pastel-on-dark-theme */

Categorytinkercad

Created

Updated

Size230 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Dark theme for circuit editor of tinkercad

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name           Tinkercad Dark
@namespace      TinkercadDark
@version        1.1.0
@preprocessor   stylus
@homepageURL    https://github.com/Empix/tinkercad-dark
@author         Empix

@var checkbox dark-mode "Dark Mode" 1
@var checkbox border-for-components "Border for components (dark mode)" 1
@var checkbox dark-logo "Dark logo (dark mode)" 1

@advanced dropdown syntax-theme "Syntax Theme" {
    Default "Default" <<<EOT
    default EOT;
    3024 Day "3024 Day" <<<EOT
    30244125 EOT;
    3024 Night "3024 Night" <<<EOT
    30241497820 EOT;
    Abcdef "Abcdef" <<<EOT
    123456 EOT;
    Ambiance Mobile "Ambiance Mobile" <<<EOT
    1132911435131529125 EOT;
    Ambiance "Ambiance" <<<EOT
    1132911435 EOT;
    Ayu Dark "Ayu Dark" <<<EOT
    12521411811 EOT;
    Ayu Mirage "Ayu Mirage" <<<EOT
    1252113918175 EOT;
    Base16 Dark "Base16 Dark" <<<EOT
    2119516411811 EOT;
    Base16 Light "Base16 Light" <<<EOT
    21195161297820 EOT;
    Bespin "Bespin" <<<EOT
    251916914 EOT;
    Blackboard "Blackboard" <<<EOT
    21213112151184 EOT;
    Cobalt "Cobalt" <<<EOT
    315211220 EOT;
    Colorforth "Colorforth" <<<EOT
    31512151861518208 EOT;
    Darcula "Darcula" <<<EOT
    4118321121 EOT;
    Dracula "Dracula" <<<EOT
    4181321121 EOT;
    Duotone Dark "Duotone Dark" <<<EOT
    421152015145411811 EOT;
    Duotone Light "Duotone Light" <<<EOT
    4211520151451297820 EOT;
    Eclipse "Eclipse" <<<EOT
    5312916195 EOT;
    Elegant "Elegant" <<<EOT
    5125711420 EOT;
    Erlang Dark "Erlang Dark" <<<EOT
    518121147411811 EOT;
    Gruvbox Dark "Gruvbox Dark" <<<EOT
    718212221524411811 EOT;
    Hopscotch "Hopscotch" <<<EOT
    81516193152038 EOT;
    Icecoder "Icecoder" <<<EOT
    9353154518 EOT;
    Idea "Idea" <<<EOT
    9451 EOT;
    Isotope "Isotope" <<<EOT
    919152015165 EOT;
    Lesser Dark "Lesser Dark" <<<EOT
    1251919518411811 EOT;
    Liquibyte "Liquibyte" <<<EOT
    12917219225205 EOT;
    Lucario "Lucario" <<<EOT
    12213118915 EOT;
    Material Darker "Material Darker" <<<EOT
    131205189112411811518 EOT;
    Material Ocean "Material Ocean" <<<EOT
    1312051891121535114 EOT;
    Material Palenight "Material Palenight" <<<EOT
    1312051891121611251497820 EOT;
    Material "Material" <<<EOT
    131205189112 EOT;
    Mbo "Mbo" <<<EOT
    13215 EOT;
    Mdn Like "Mdn Like" <<<EOT
    13414129115 EOT;
    Midnight "Midnight" <<<EOT
    13941497820 EOT;
    Monokai "Monokai" <<<EOT
    131514151119 EOT;
    Moxer "Moxer" <<<EOT
    131524518 EOT;
    Neat "Neat" <<<EOT
    145120 EOT;
    Neo "Neo" <<<EOT
    14515 EOT;
    Night "Night" <<<EOT
    1497820 EOT;
    Nord "Nord" <<<EOT
    1415184 EOT;
    Oceanic Next "Oceanic Next" <<<EOT
    1535114931452420 EOT;
    Panda Syntax "Panda Syntax" <<<EOT
    161144119251420124 EOT;
    Paraiso Dark "Paraiso Dark" <<<EOT
    16118191915411811 EOT;
    Paraiso Light "Paraiso Light" <<<EOT
    161181919151297820 EOT;
    Pastel On-dark "Pastel On-dark" <<<EOT
    16119205121514411811 EOT;
    Railscasts "Railscasts" <<<EOT
    1819121931192019 EOT;
    Rubyblue "Rubyblue" <<<EOT
    1821225212215 EOT;
    Seti "Seti" <<<EOT
    195209 EOT;
    Shadowfox "Shadowfox" <<<EOT
    19814152361524 EOT;
    Solarized "Solarized" <<<EOT
    19151211892654 EOT;
    Ssms "Ssms" <<<EOT
    19191319 EOT;
    The Matrix "The Matrix" <<<EOT
    20851312018924 EOT;
    Tomorrow Night-bright "Tomorrow Night-bright" <<<EOT
    2015131518181523149782021897820 EOT;
    Tomorrow Night-eighties "Tomorrow Night-eighties" <<<EOT
    201513151818152314978205978209519 EOT;
    Ttcn "Ttcn" <<<EOT
    2020314 EOT;
    Twilight "Twilight" <<<EOT
    202391297820 EOT;
    Vibrant Ink "Vibrant Ink" <<<EOT
    2292181142091411 EOT;
    Xq Dark "Xq Dark" <<<EOT
    2417411811 EOT;
    Xq Light "Xq Light" <<<EOT
    24171297820 EOT;
    Yeti "Yeti" <<<EOT
    255209 EOT;
    Yonce "Yonce" <<<EOT
    25151435 EOT;
    Zenburn "Zenburn" <<<EOT
    265142211814 EOT;
}

@var number code-font-size "Font size (px)" 14
@var text code-font-family "Font family" "'Courier', monospace"
@advanced dropdown code-font-weight "Font weight" {
    400 "400" <<<EOT
    400 EOT;
    100 "100" <<<EOT
    100 EOT;
    200 "200" <<<EOT
    200 EOT;
    300 "300" <<<EOT
    300 EOT;
    500 "500" <<<EOT
    500 EOT;
    600 "600" <<<EOT
    600 EOT;
    700 "700" <<<EOT
    700 EOT;
    800 "800" <<<EOT
    800 EOT;
    900 "900" <<<EOT
    900 EOT;
}
==/UserStyle== */
@-moz-document regexp("https://www.tinkercad.com/things/.*") {
    if syntax-theme=="30244125" {
        /*      Name:       3024 day     Author:     Jan T. Sott (http://github.com/idleberg)      CodeMirror template by Jan T. Sott (https://github.com/idleberg/base16-codemirror)     Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16)  */
        .CodeMirror {
            background: #f7f7f7!important;
            color: #3a3432!important;
        }
        div.CodeMirror-selected {
            background: #d6d5d4!important;
        }
        .CodeMirror-line::selection,
        .CodeMirror-line > span::selection,
        .CodeMirror-line > span > span::selection {
            background: #d6d5d4!important;
        }
        .CodeMirror-line::-moz-selection,
        .CodeMirror-line > span::-moz-selection,
        .CodeMirror-line > span > span::selection {
            background: #d9d9d9!important;
        }
        .CodeMirror-gutters {
            background: #f7f7f7!important;
            border-right: 0px!important;
        }
        .CodeMirror-guttermarker {
            color: #db2d20!important;
        }
        .CodeMirror-guttermarker-subtle {
            color: #807d7c!important;
        }
        .CodeMirror-linenumber {
            color: #807d7c!important;
        }
        .CodeMirror-cursor {
            border-left: 1px solid #5c5855!important;
        }
        span.cm-comment {
            color: #cdab53!important;
        }
        span.cm-atom {
            color: #a16a94!important;
        }
        span.cm-number {
            color: #a16a94!important;
        }
        span.cm-property,
        span.cm-attribute {
            color: #01a252!important;
        }
        span.cm-keyword {
            color: #db2d20!important;
        }
        span.cm-string {
            color: #fded02!important;
        }
        span.cm-variable {
            color: #01a252!important;
        }
        span.cm-variable-2 {
            color: #01a0e4!important;
        }
        span.cm-def {
            color: #e8bbd0!important;
        }
        span.cm-bracket {
            color: #3a3432!important;
        }
        span.cm-tag {
            color: #db2d20!important;
        }
        span.cm-link {
            color: #a16a94!important;
        }
        span.cm-error {
            background: #db2d20!important;
            color: #5c5855!important;
        }
        .CodeMirror-activeline-background {
            background: #e8f2ff!important;
        }
        .CodeMirror-matchingbracket {
            text-decoration: underline!important;
            color: #a16a94 !important;
        }
    }
    else if syntax-theme=="30241497820" {
        /*      Name:       3024 night     Author:     Jan T. Sott (http://github.com/idleberg)      CodeMirror template by Jan T. Sott (https://github.com/idleberg/base16-codemirror)     Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16)  */
        .CodeMirror {
            background: #090300!important;
            color: #d6d5d4!important;
        }
        div.CodeMirror-selected {
            background: #3a3432!important;
        }
        .CodeMirror-line::selection,
        .CodeMirror-line > span::selection,
        .CodeMirror-line > span > span::selection {
            background: rgba(58, 52, 50, .99)!important;
        }
        .CodeMirror-line::-moz-selection,
        .CodeMirror-line > span::-moz-selection,
        .CodeMirror-line > span > span::-moz-selection {
            background: rgba(58, 52, 50, .99)!important;
        }
        .CodeMirror-gutters {
            background: #090300!important;
            border-right: 0px!important;
        }
        .CodeMirror-guttermarker {
            color: #db2d20!important;
        }
        .CodeMirror-guttermarker-subtle {
            color: #5c5855!important;
        }
        .CodeMirror-linenumber {
            color: #5c5855!important;
        }
        .CodeMirror-cursor {
            border-left: 1px solid #807d7c!important;
        }
        span.cm-comment {
            color: #cdab53!important;
        }
        span.cm-atom {
            color: #a16a94!important;
        }
        span.cm-number {
            color: #a16a94!important;
        }
        span.cm-property,
        span.cm-attribute {
            color: #01a252!important;
        }
        span.cm-keyword {
            color: #db2d20!important;
        }
        span.cm-string {
            color: #fded02!important;
        }
        span.cm-variable {
            color: #01a252!important;
        }
        span.cm-variable-2 {
            color: #01a0e4!important;
        }
        span.cm-def {
            color: #e8bbd0!important;
        }
        span.cm-bracket {
            color: #d6d5d4!important;
        }
        span.cm-tag {
            color: #db2d20!important;
        }
        span.cm-link {
            color: #a16a94!important;
        }
        span.cm-error {
            background: #db2d20!important;
            color: #807d7c!important;
        }
        .CodeMirror-activeline-background {
            background: #2F2F2F!import...

Reviews

No reviews yet.