AutoIT Editor Dark Theme

[Earthshine]

Edit 

Edited July 14, 2020 by Earthshine

[Jos]

5 minutes ago, Earthshine said:

because your answer has nothing to do with what this thread is about

 don't believe this is fully true as the dark theme is (now) part of the standard Full SciTE4Autoit3 setup and can be selected by the clicking that member is referring to. 

Jos

Edited July 14, 2020 by Jos

[Loc]

Does anyone know how to revert to default? I am not used to looking like this I tried to remove the autoit program but it still does not return to the default

[Jos]

8 hours ago, Loc said:

Does anyone know how to revert to default? I am not used to looking like this I tried to remove the autoit program but it still does not return to the default

Use SciTEconfig for that. 

Edited August 23, 2020 by Jos

[jaja714]

Sorry to resurrect but I don't seem to notice dark theme being native to SciTE Version 4.1.2. and Argumentum has the best dark theme I have found.

Upon implementation of Argumentum's theme, my question pertains to text in the console window that follows colons.  Right now, it's black and tricky to pickup in the dark console window.  How do I adjust that color?  Better yet, where do I find documentation as to what all the "styles" and "lexers" are?

[edubensa]

Hi! I'm relatively new. I'm trying to set SciTE editor to default dark theme with SciTE Config but nothing happens, I open a script with the editor and the SciTE Config, and then I only click on "Change Scheme", choose dark or any other theme, it gives me the "New Scheme is loaded and saved." advice but nothing happens. Am I doing something wrong? Do I have to put the folder SciTEConfig_Sou rce in a specific place? Thanks!!!

(That script is just for trying new things)

[Jos]

You need to install/use the Full version of SciTE in stead of the Lite version that comes with Autot3.  

[edubensa]

2 hours ago, Jos said:

You need to install/use the Full version of SciTE in stead of the Lite version that comes with Autot3.  

Ohh I downloaded it from autoit page but I didn't find the Full version. Can you tell me where can I find it and if it is free? Thanks again!!

[Jos]

2 minutes ago, edubensa said:

Ohh I downloaded it from autoit page but I didn't find the Full version. Can you tell me where can I find it and if it is free? Thanks again!!

Just check my signature  

[ioa747]

Seeing all of this I would like to suggest  https://github.com/microsoft/cascadia-code 

new monospaced font that includes programming ligatures and is designed to enhance the modern look

Hope to be relevant to the topic

Edited August 1, 2022 by ioa747

[argumentum]

expandcollapse popup

#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#
# START: DO NOT CHANGE ANYTHING AFTER THIS LINE     #-#-#-#-#
# Buuf SciTE4AutoIt3 Color scheme
#------------------------------------------------------------

# Not very fancy of me to just copy'n'paste "SciTEUser.properties" colors here but, if it works    =)
font.base=font:Verdana,size:10,$(font.override)
font.monospace=font:Courier New,size:10
style.*.32=$(font.base),back:#CCC4BD
style.au3.32=$(font.base),back:#CCC4BD
caret.line.back=#CCC4BD
caret.line.back.alpha=256
caret.fore=#000000
selection.fore=#006000
selection.alpha=50
selection.back=#F0A0A8
style.error.0=fore:#FF0000,back:#F0F0F0
style.error.1=fore:#FF0000,back:#FFFF00
style.error.2=fore:#FFFFFF,back:#FF0000
highlight.current.word.colour=#00D040
highlight.current.word.by.style=0
highlight.current.word.minlength=2
style.au3.38=fore:#050505,back:#E2D7D0
calltips.color.highlight=#FF0000
style.*.33=fore:#000000,back:#CCC4BD,$(font.base)
fold.margin.colour=#CCC4BD
fold.margin.highlight.colour=#F7F7F7
fold.back=#FFFFFF
style.au3.37=fore:#C0C0C0
style.au3.34=fore:#0000FF,back:#CCC4BD
style.au3.35=fore:#007700,italics,back:#CCC4BD
style.au3.0=fore:#000000,bold,back:#CCC4BD
style.au3.1=fore:#007700,italics,bold,back:#CCC4BD
style.au3.2=fore:#006F00,italics,bold,back:#CCC4BD
style.au3.3=fore:#0000BF,bold,back:#CCC4BD
style.au3.4=fore:#000090,bold,back:#CCC4BD
style.au3.5=fore:#0000FF,bold,back:#CCC4BD
style.au3.6=fore:#646400,bold,back:#CCC4BD
style.au3.7=fore:#A40000,bold,back:#CCC4BD
style.au3.8=fore:#8C4600,bold,back:#CCC4BD
style.au3.9=fore:#5A5A5A,bold,back:#CCC4BD
style.au3.10=fore:#626262,bold,back:#CCC4BD
style.au3.11=fore:#808000,bold,back:#CCC4BD
style.au3.12=fore:#B11030,bold,back:#CCC4BD
style.au3.13=fore:#AE0000,bold,back:#CCC4BD
style.au3.14=fore:#993399,bold,back:#CCC4BD
style.au3.15=fore:#005CB9,bold,back:#CCC4BD
style.au3.16=fore:#0057AE,back:#CCC4BD
style.errorlist.32=$(font.base),back:#CCC4BD
style.errorlist.0=fore:#000000
style.errorlist.3=fore:#808000
style.errorlist.4=fore:#0000AA
style.errorlist.10=fore:#AA0000,bold
style.errorlist.11=fore:#008000,bold
style.errorlist.12=fore:#AA8800,bold
style.errorlist.13=fore:#804000
style.au3.17=fore:#000000,back:#CCC4BD

# END => DO NOT CHANGE ANYTHING BEFORE THIS LINE  #-#-#-#-#-#
#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#-#

I've been meaning to share this "__SciTE4AutoIt3_Buuf.SciTEConfig" for some time now. The windows theme is in github.

Spoiler

This is the SciTEConfig theme to match the windows theme.

Edit: to complete the view, the default.css for the help file:

expandcollapse popup

/* JPM: modified to use inheritage widely
*   em sizing to better zooming
*   coloring similar to MSDN Web
*
* mod. by argumentum
*/
html {
    font-family:'Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif;
    font-size:.8125em
/* 13px; */
}

body {
    background-color:#CCC4BD; /* #fff; */
    color:#000;
    font-weight:400;
    max-width: 1080px;
    margin: 10px;
    scrollbar-base-color: #CCC4BD;
    scrollbar-face-color: #E1DDD0;
    scrollbar-3dlight-color: #CCC4BD;
    scrollbar-highlight-color: #0xCCC4BD;
    scrollbar-track-color: #CCC4BD;
    scrollbar-arrow-color: #E1DDD0;
    scrollbar-shadow-color: #CCC4BD;
    scrollbar-dark-shadow-color: #202020;
}

table {
    border-collapse:collapse;
    border-color:silver;
    border-style:solid;
    border-width:1px;
    margin-top:5px;
    width:100%
}

table.noborder {
    border-width:0
}

th {
/* font-size:.875em;  /* 14px; DOCTYPE without .dld */
    background-color:#ededed;
    border-color:silver;
    border-style:solid;
    border-width:1px;
    color:#707070;
    padding:4px;
    text-align:left
}

th.new {
    width:224px
}

th.old {
    width:226px
}

th.width25 {
    width:25%
}

th.width75 {
    width:75%
}

tr {
    padding:4px
}

tr.yellow,tr.yellowbold {
    background-color:#F0F0F0 /* #ffff9C */
}

tr.Moccasin{
    background-color:#FFE4B5
}

tr.yellowbold {
    font-weight:700
}

table td {
/* font-size:.875em;  /* 14px; DOCTYPE without .dld */
    border-color:silver;
    border-style:solid;
    border-width:1px;
    padding:4px
}

table.noborder td {
    border-width:0
}

td.center {
    text-align:center
}

td.right {
    text-align:right
}

td.sep {
    border-color:#CCC4BD silver /* #fff silver */
}

b {
    font-weight:700
}

u {
    text-decoration:underline
/* for HTML5 compatibility if needed */
}

p {
    margin:0;
    padding-bottom:5px;
    padding-top:5px
}

p.center {
    text-align:center
}

span.underline {
    text-decoration:underline
}

.funcdesc {
    font-size:1.25em
/* 20px; */
}

ul.cell {
    margin:0 0 0 25px
}

div.indent {
    margin-left:32px
}

a,a:link {
    color:#00709f
}

a:visited {
    color:#03697a
}

a:active {
    color:#2a2a2a
}

a:hover {
    color:#3390b1
}

a,a:link,a:visited,a:active {
    text-decoration:none
}

a:hover {
    text-decoration:underline
}

a.ext:link,a.ext:visited,a.ext:active {
    text-decoration:underline
}

a.codeSnippetLink:hover {
    text-decoration:underline
}

h1 {
    color:#707070;
    font-size:2.75em;
/* 36-44px; */
    font-weight:400;
    margin:0;
    padding-bottom:15px;
    padding-top:15px
}

.small {
    font-size:.875em;
/* 12-14px; */
    margin:-12px 0 -4px;
    padding-bottom:0;
    padding-top:9px
}

h2 {
    color:#621c82; /* #db7100; */
    font-size:1.5em;
/* 24px; */
    font-weight:400;
    line-height:normal;
    margin:0;
    padding-bottom:5px;
    padding-top:25px
}

h3 {
    color:navy;
    font-size:1.0625em;
/* 17px; */
    font-weight:700;
    line-height:normal;
    margin-bottom:0;
    margin-left:5px
}

pre,.code,.codeheader,.codebox {
    font-family:"Courier New",Courier,monospace
}

.code {
    white-space:nowrap
}

.codeheader {
    font-weight:600;
    background-color:#d5cec8;/* #ffa; */
    border-bottom:1px solid #aaa;
    border-left:1px solid #aaa;
    border-right:1px solid #aaa;
    border-top:1px solid #aaa;
    padding:16px;
    white-space:normal
}

.codebox {
    border-bottom:1px solid #aaa;
    border-left:1px solid #aaa;
    border-right:1px solid #aaa;
    border-top:1px solid #aaa;
    color:#465584;
    overflow-x:auto;
    padding:8px 8px 16px;
    margin-top:5px;
    white-space:nowrap;
    width:99%
}

.S0 {
    color:#2a2a2a
}

.S1 {
    color:green;
    font-style:italic
}

.S2 {
    color:green;
    font-style:italic
}

.S3 {
    color:blue
}

.S4 {
    font-weight:700;
    color:#000090
}

.S5 {
    font-weight:700;
    color:blue
}

.S6 {
    font-weight:700;
    color:#7f4615 /* olive */
}

.S7 {
    color:#CC0000
}

.S8 {
    font-weight:700;
    color:#b85c00 /* #FF8000 */
}

.S9 {
    color:#2a2a2a
}

.S10 {
    color:gray
}

.S11 {
    font-weight:700;
    color:#7f4615 /* olive */
}

.S12 {
    color:#dc143c
}

.S13 {
    background-color:#DDE8F0;
    color:red
}

.S14 {
    color:#939
}

.S15 {
    font-weight:700;
    color:#00478f
}

.c1 {
   background-color:#CCC4BD;
}

.c2 {
   background-color:#CCC4BD;
}

.c3 {
   background-color:#CCC4BD;
}

.c4 {
   background-color:#CCC4BD;
}

.bottom {
    padding-bottom:0;
    margin-bottom:0
}

.experimental {
    background-color:#ffffe0;
    border:solid;
    border-color:red;
    font-size:1.5em;
/* 24px; */
    font-weight:700;
    margin:12px;
    padding:4px
}

.specialnote {
    background-color:#fffffa;
    border:solid;
    border-color:blue;
    font-size:1.5em;
/* 24px; */
    font-weight:500;
    padding:4px
}

img.logo_v3 {
    /* box-shadow:5px 5px 20px #aaa */
}

.noPageBreak {
    page-break-inside:avoid
}

/* adapted from MSDN Web for example code open/copy actions */
.codeSnippetContainer {
    background-color:#CCC4BD;
    min-width:260px;
    margin:0;
    padding:0
}

.codeSnippetContainerTabs {
    font-size:.8333em;
/* 13.33px 10pt!important; */
    height:20px;
/* 22px; */
    position:relative;
    vertical-align:middle;
    z-index:1
}

.codeSnippetContainerTab {
    background-color:#CCC4BD;
/* background:none repeat scroll 0 0 #eff5ff; */
    border-bottom:2px solid #d0d2d2;
    border-top:1px solid #bbb;
    border-left:1px solid #929292;
    float:left;
    height:20px;
/* 19px; */
    padding:0 4px;
/* 0 8px; */
    width:auto;
    overflow:hidden;
    position:relative;
    font-weight:400
}

/* MSDN not used
* .codeSnippetContainerTabActive
* {
*   height:21px;
*   background:none repeat scroll 0 0 #fff;
*   border-left:1px solid #bbb;
*   border-bottom:none;
* }
*
* .codeSnippetContainerTabFirst
* {
*   border-radius:4px 0 0 0;
*   padding:0 8px 0 6px;
* }
*
* .codeSnippetContainerTabLast
* {
*   border-right:1px solid #bbb;
*   border-radius:0 4px 0 0;
*   padding:0 6px 0 8px;
* }
*/
.codeSnippetContainerTabSingle {
    background-color:#CCC4BD;
    border:none;
    color:#00709f;
/* #e66a38; */
    vertical-align:baseline;
    top:10px;
/* 8px; */
    left:12px;
/* 7px; */
    position:relative;
    background-color:#CCC4BD /* #fff */
}

.codeSnippetContainerTabSingle a {
    background-color:#CCC4BD;
    color:#e66a38
/* !important; */
}

.codeSnippetContainerTab a,.codeSnippetContainerTab a:link,.codeSnippetContainerTab a:visited,.codeSnippetContainerTab a:active {
    background-color:#CCC4BD;
    color:#1364c4;
    text-decoration:none
}

/* MSDN not used
* .codeSnippetContainerTabActive a,.codeSnippetContainerTabActive a:link,.codeSnippetContainerTabActive a:visited,.codeSnippetContainerTabActive a:active
* {
*   color:#e66a38;
*   text-decoration:none;
*   position:relative;
* }
*
* .codeSnippetContainerTabPhantom a,.codeSnippetContainerTabPhantom a:link,.codeSnippetContainerTabPhantom a:visited,.codeSnippetContainerTabPhantom a:active
* {
*   color:#c2c2c2;
*   text-decoration:none;
*   position:relative;
* }
*
* .codeSnippetContainerTabPhantom a:link,.codeSnippetContainerTabPhantom a:visited,.codeSnippetContainerTabPhantom a:active
* {
*   color:#707070;
*   text-decoration:none;
*   position:relative;
* }
*/
.codeSnippetContainerTab a:hover {
    color:#e66a38;
    position:relative
}

/* MSDN not used
* .codeSnippetContainerTabPhantom a:hover
* {
*   color:#c2c2c2;
*   position:relative;
* }
*/
.codeSnippetContainerCodeContainer {
    border-bottom:3px solid #e5e5e5;
    border-left:3px solid #e5e5e5;
/* 1px */
    border-right:3px solid #e5e5e5;
/* 1px */
    clear:both;
    margin-bottom:0;
/* 12px; */
    position:relative;
    top:-3px
}

.codeSnippetToolBar {
    border-left:0 solid #e5e5e5;
/* 1px */
    border-right:0 solid #e5e5e5;
/* 3px */
    border-top:3px solid #e5e5e5;
    height:auto;
    width:auto
}

div.codeSnippetToolBarText {
    float:right;
    top:-12px;
/* -8px; */
    position:relative;
    background-color:#CCC4BD; /* #fff; */
    width:auto;
    padding-left:4px;
    padding-right:4px;
    height:0;
    vertical-align:top
}

div.codeSnippetToolBarText>a:link,div.codeSnippetToolBarText>a:visited,div.codeSnippetToolBarText>a:active {
/* display:none; */
    margin-left:5px;
    margin-right:5px;
/* font-size:100%; /* 83.33%; /* 10pt */
/* font-style:400!important; */
/* color:#1364c4; */
    text-decoration:none;
    background-color:#CCC4BD; /* #fff; */
    padding-left:4px;
    padding-right:4px
}

div.codeSnippetToolBarText>a:hover {
    text-decoration:underline
}

.codeSnippetContainerCode {
    margin-top:14px;
/* 0; */
    padding:5px 10px;
/* 9px 21px; */
    width:auto
}

.codeSnippetContainerCode div {
    padding:0;
    margin:0
}

.codeSnippetContainerCode pre {
    padding-left:5px;
/* 5px; */
    margin:0;
/*word-break:break-all;*/
    font-style:normal;
    font-weight:400;
    overflow:auto;
    word-wrap:normal
}

#hhctrl {
    vertical-align:middle
}

#hhctrl-bottom {
    vertical-align:bottom
}

.codeSnippetContainerTab object {
    cursor:pointer;
    text-decoration:underline
}

.valign-top {
    vertical-align:text-top
}

The CSS injector code is this one:

Spoiler

expandcollapse popup

#NoTrayIcon
#Region ;**** Directives created by AutoIt3Wrapper_GUI ****
#AutoIt3Wrapper_Icon=AutoIt3Help.ico
#AutoIt3Wrapper_UseX64=n
#AutoIt3Wrapper_Run_Au3Stripper=y
#Au3Stripper_Parameters=/mo
#EndRegion ;**** Directives created by AutoIt3Wrapper_GUI ****
#include <IE.au3>
#include <WinAPIGdi.au3>

Global $hWND
If @ScriptName <> "AutoIt3Help.exe" Then
    MsgBox(262144 + 48, @ScriptName, "" & _
            "For this to work, rename the original ""AutoIt3Help.exe"" to" & @CR & _
            " ""AutoIt3HelpO.exe"" and this one to ""AutoIt3Help.exe"", " & @CR & _
            " that way this will be loaded instead and in turn, this will" & @CR & _
            " load the original help loader." & @CR & @CR & _
            "Once both are running, this one will inject your own CSS, to" & @CR & _
            " tweak the default one.")
    Exit 4
EndIf

Opt("TrayAutoPause", 0)
Global $oIE, $sMyCSS, $sAppName
Global $sHelpVersion = "[TITLE:AutoIt Help;CLASS:HH Parent;]"
If WinExists($sHelpVersion) Then
    ShellExecute(@ScriptDir & "\AutoIt3HelpO.exe", $CmdLineRaw)
Else
    $sAppName = StringTrimRight(@ScriptName, 4) & "_STUB"
    If WinExists($sAppName) Then Exit 5 ; testing other CSS files ?
    AutoItWinSetTitle($sAppName)

    ; just in case I overwrite the original. I'll need it for this to work
    If Not FileGetSize(@ScriptDir & "\AutoIt3HelpO.exe") Then
        FileInstall("AutoIt3HelpO.exe", @ScriptDir & "\AutoIt3HelpO.exe", 0)
    EndIf

    ; if I forgot/lost it, this is a starting point/example
    If Not FileGetSize(@ScriptDir & "\AutoIt3Help.css") Then
        FileInstall("AutoIt3Help.css", @ScriptDir & "\AutoIt3Help.css", 0)
    EndIf

    ; hide it to have time to load $oIE
    ShellExecute(@ScriptDir & "\AutoIt3HelpO.exe", $CmdLineRaw, "", "Open", @SW_HIDE)

    $sMyCSS = FileRead(@ScriptDir & "\AutoIt3Help.css") ; Your custom CSS file

    If Not WinWait($sHelpVersion, "", 5) Then Exit ; wait 5 sec. max.

    _Example()
EndIf

Func _Example() ; scrollbar-color: #007 #bada55;

    ; show that is running
    TraySetState()

    ; get this from the Help window's title bar
    $hWND = WinGetHandle($sHelpVersion) ; handle of the AutoIt Help window
    If Not WinExists($hWND) Then Return MsgBox(0, 'Help not found', "no AutoIt Help running", 3)

;~  _GUICtrlSetDarkTheme($hWND)
;~  _IEErrorNotify(False)
    Local $oMyError = ObjEvent("AutoIt.Error", "ErrFunc")

    $oIE = _IEAttach($hWND, "embedded") ; get reference to the BrowserControl embedded in the Help
    If @error Then Return MsgBox(0, 'Browser Control error', "problems on attaching Browser Control", 3)

    ; Set your custom CSS settings
    _WebBrowser_CSS_Inject($oIE, $sMyCSS)

    ; get a reference to the browser's window (for event management purpose)
    Local $oWindow = $oIE.document.parentwindow
    If Not IsObj($oWindow) Then Exit MsgBox(0, '', "FAILED at "".document.parentwindow""", 3)

    ; setup an event management
    Local $Event = ObjEvent($oWindow, "IEEvent_", 'HTMLWindowEvents')

    Local $aArray = WinGetPos($hWND) ; repaint window
    If Not @error And UBound($aArray) > 3 Then
        WinMove($hWND, "", $aArray[0], $aArray[1], $aArray[2] + 1, $aArray[3] - 1)
        WinMove($hWND, "", $aArray[0], $aArray[1], $aArray[2] - 1, $aArray[3] + 1)
    EndIf

    WinSetState($hWND, "", @SW_SHOW) ; unhide the window

    While WinExists($hWND) ; stay alive only while the help is running
        GUIGetMsg() ; just to delay the CPU load
    WEnd
    _IEQuit($oIE) ; clean up
    Return ; MsgBox(0, '', "AutoIt Help closed", 3)
EndFunc   ;==>_Example

; following function is fired each time the Help page changes
Volatile Func IEEvent_onload($oEvent)
    ; ConsoleWrite("Debug: onload event" & @crlf)
    _WebBrowser_CSS_Inject($oIE, $sMyCSS)     ; ; apply your custom CSS setting to the loaded page
EndFunc   ;==>IEEvent_onload

; #FUNCTION# ====================================================================================================================
; Name ..........: _WebBrowser_CSS_Inject
; Description ...: this function creates into the html document a CSS node element with embedded the passed CSS or a link to a CSS
; Syntax ........: _WebBrowser_CSS_Inject(Byref $oIE_Server, $sStylesheet[, $bIsUrl = False])
; Parameters ....: $oIE_Server          - a Webbrowser object reference.
;                  $sStylesheet         - CSS source to be injected into the page (either, a CSS or an URL (a link to a CSS)
;                  $bIsUrl              - [optional] True if above parameter is an URL (a link to a CSS source). Default is False.
; Return values .: A Node Object reference, representing the appended node
; Author ........: Gianni
; Modified ......:
; Remarks .......:
; Related .......:
; Link ..........:
; Example .......:
; ===============================================================================================================================
Func _WebBrowser_CSS_Inject(ByRef $oIE_Server, $sStylesheet, $bIsUrl = False)
    ; Inject css
    Local $oStyleNode
    Local $objDocument = $oIE_Server.document
    If Not IsObj($objDocument) Then Return

    ;_IEDocGetObj
    If $bIsUrl Then     ; use the link to load a stylesheet
        $oStyleNode = $objDocument.createElement('link')     ; // Creates <link    />
        $oStyleNode.type = "text/css"
        $oStyleNode.rel = 'stylesheet'
        $oStyleNode.href = $sStylesheet
    Else     ; inject the stylesheet directly
        $oStyleNode = $objDocument.createElement('style')     ; // Creates <style></style>
        $oStyleNode.type = 'text/css'
        $oStyleNode.styleSheet.cssText = $sStylesheet     ; // Syntax for IE
    EndIf
    ;
    Local $oNode = $objDocument.getElementsByTagName('head').item(0).appendChild($oStyleNode)

    If $bIsUrl Then     ; wait till css has been downloaded
        Do
            Sleep(250)
            ; ConsoleWrite('css: ' & $oNode.ReadyState & @CRLF) ; debug purpose
        Until $oNode.ReadyState = "loaded" Or $oNode.ReadyState = "complete"
    EndIf
;~  _WinAPI_RedrawWindow($hWND)

    Return $oNode
EndFunc   ;==>_WebBrowser_CSS_Inject

; This is a custom error handler to not be bothered by the little things
Func ErrFunc($oError)
EndFunc   ;==>ErrFunc

 

and you would rename the help file by adding an O ( for original ) to the original, and name this as the original.
It'd be simpler to just edit the SciTE configuration file but this way it can be used by other editors too.

Edited March 13 by argumentum
more