WinMerge / Github / StackOverFlow / Track - AutoIt Syntax Highlighting

[mLipok]

  On 1/4/2022 at 12:20 AM, TheDcoder said:

If you have the time can you try it on Firefox? If not I can take a look when I am free.

Expand  

I just checked on FireFox with different Theme's and for example using "Blue lagoon" needs another CSS:

Check this one:

pre.geshi {
        background:MidnightBlue!important;
    }

    .kw1{
        color: mediumpurple !important; /*keywords  */
    }

    .kw2{
        color: yellow !important; /*function names  */
    }

    .kw3{
        color: violet !important; /*function names  */
    }

    .st0{
        color: mediumaquamarine !important; /* strings */
    }

    .re0 {
        color: gray !important; /* variables */
    }

    .sy0 {
        color:  lightsalmon !important; /* operators */
    }

    .br0 {
        color: orange !important; /* bracketes */
    }

    .nu0 {
        color: orangered !important; /* numbers */
    }

 

[mLipok]

Try also to use:
 

pre.geshi {
        background:MidnightBlue!important;
    }

instead:

pre.lang-autoit {
        background:MidnightBlue!important;
    }

 

Edited January 4, 2022 by mLipok

[TheDcoder]

@mLipok I just realized that your theme is only related to code highlighting, I originally thought it might be a full style like the ones TheSaint made

Your update did change the highlighting colour

By the way, I suggest removing the advanced options from the header:

@advanced dropdown bg-selected "Background image" {
 image1 "Default image 1" <<<EOT
 url(https://mysite.com/default-background-1.jpg) EOT;
 image2 "Default image 2" <<<EOT
 url(https://mysite.com/default-background-2.jpg) EOT;
 custom "Custom background" <<<EOT
 var(--bg-custom, none) EOT;
 noBG "None" <<<EOT
 none EOT;
}
@advanced text bg-custom "Custom Background; include url()" "url()"

They don't seem to be of any use.

[mLipok]

Try also:
 

pre.geshi.lang-autoit {
        background:MidnightBlue!important;
    }

    pre.geshi.lang-autoit > .kw1{
        color: mediumpurple !important; /*keywords  */
    }

    pre.geshi.lang-autoit > .kw2{
        color: yellow !important; /*function names  */
    }

    pre.geshi.lang-autoit > .kw3{
        color: violet !important; /*function names  */
    }

    pre.geshi.lang-autoit > .st0{
        color: mediumaquamarine !important; /* strings */
    }

    pre.geshi.lang-autoit > .re0 {
        color: gray !important; /* variables */
    }

    pre.geshi.lang-autoit > .sy0 {
        color:  lightsalmon !important; /* operators */
    }

    pre.geshi.lang-autoit > .br0 {
        color: orange !important; /* bracketes */
    }

    pre.geshi.lang-autoit > .nu0 {
        color: orangered !important; /* numbers */
    }

 

this will fit only for AutoIt cod and not for CSS / XML etc...

 

[TheDcoder]

@mLipok This one is not working in the Blue Lagoon theme

Anyway, don't bother yourself with making it compatible with BL theme, when I made the theme I picked a light colour scheme so the default code colours actually match the theme already

[mLipok]

Dark Theme:
 

expandcollapse popup

pre.geshi.lang-autoit {
        background: rgb( var(--theme-area_background)) !important;
    }

    pre.geshi.lang-autoit {
        color: white !important; /* variables */
    }

    pre.geshi.lang-autoit .kw1 {
        color: mediumpurple !important; /*keywords  */
    }

    pre.geshi.lang-autoit .kw2 {
        color: yellow !important; /*function names  */
    }

    pre.geshi.lang-autoit .kw3 {
        color: violet !important; /*function names  */
    }

    pre.geshi.lang-autoit .st0 {
        color: mediumaquamarine !important; /* strings */
    }

    pre.geshi.lang-autoit .re0 {
        color: white !important; /* variables */
    }

    pre.geshi.lang-autoit .sy0 {
        color:  lightsalmon !important; /* operators */
    }

    pre.geshi.lang-autoit .br0 {
        color: orange !important; /* bracketes */
    }

    pre.geshi.lang-autoit .nu0 {
        color: orangered !important; /* numbers */
    }

Lagoon Theme:

 

expandcollapse popup

pre.geshi.lang-autoit {
        background:MidnightBlue!important;
    }

    pre.geshi.lang-autoit {
        color: white !important; /* variables */
    }

    pre.geshi.lang-autoit .kw1 {
        color: mediumpurple !important; /*keywords  */
    }

    pre.geshi.lang-autoit .kw2 {
        color: yellow !important; /*function names  */
    }

    pre.geshi.lang-autoit .kw3 {
        color: violet !important; /*function names  */
    }

    pre.geshi.lang-autoit .st0 {
        color: mediumaquamarine !important; /* strings */
    }

    pre.geshi.lang-autoit .re0 {
        color: white !important; /* variables */
    }

    pre.geshi.lang-autoit .sy0 {
        color:  lightsalmon !important; /* operators */
    }

    pre.geshi.lang-autoit .br0 {
        color: orange !important; /* bracketes */
    }

    pre.geshi.lang-autoit .nu0 {
        color: orangered !important; /* numbers */
    }

 

[mLipok]

  On 1/4/2022 at 1:11 AM, TheDcoder said:

Anyway, don't bother yourself with making it compatible with BL them

Expand  

This is not only about bothering, but also about proof of concept. And a proof (for my self) that I can do this .

[mLipok]

I just submit:

https://userstyles.world/style/2841/autoit-for-github-com

This is how it looks on GitHub:

 

and here are CSS:

 

expandcollapse popup

div.highlight-source-autoit pre {
    font-weight: bold;
}

div.highlight-source-autoit span.pl-c1 {
    color: blue !important;
}

div.highlight-source-autoit span.pl-s {
    color: green !important;
}

div.highlight-source-autoit span.pl-smi {
    color: chocolate !important;
}

div.highlight-source-autoit span.pl-pds {
    color: black !important;
}

div.highlight-source-autoit span.pl-c {
    color: darkgray !important;
}

div.highlight-source-autoit span.pl-k {
    color: purple !important;
}



table[data-tagsearch-lang~="AutoIt"] {
    font-weight: bold;
}

table[data-tagsearch-lang~="AutoIt"] span.pl-c1 {
    color: blue !important;
}

table[data-tagsearch-lang~="AutoIt"] span.pl-s {
    color: green !important;
}

table[data-tagsearch-lang~="AutoIt"] span.pl-smi {
    color: chocolate !important;
}

table[data-tagsearch-lang~="AutoIt"] span.pl-pds {
    color: black !important;
}

table[data-tagsearch-lang~="AutoIt"] span.pl-c {
    color: darkgray !important;
}

table[data-tagsearch-lang~="AutoIt"] span.pl-k {
    color: purple !important;
}

 

Edited January 20, 2022 by mLipok

[mLipok]

As today I was working ona WebDriver UDF

So I also add:

https://userstyles.world/style/2860/json-for-github

 

You can test it (AutoIt and JSON syntax Highlightment fix) on this link:

https://github.com/Danp2/WebDriver/issues/120

It looks for me like this following screenshot:

Edited January 20, 2022 by mLipok

[mLipok]

And finally:

https://userstyles.world/style/2864/files-changed-for-github-com

 

https://github.com/Danp2/WebDriver/pull/135/files

[mLipok]

Now finally I can normally work with github