Theme for the vim editor

[Donkeyfish87]

This is not a bug, more of a feature request:

Add the possibility to change the theme of the vim editor that shows up on ctrl+i.

[rcrx]

What is going on with the settings?

I've modified settings.theme and yet it results in no change to the theme.

[surfcao]

Related to this, I would like to see the options to change the default font in ACE editor.

[chaorace]

This is already possible with some creative use of settings.theme. Here's an example of my themed editor (some other stuff like transparency is added as well):

settings.theme= `
:root {
    --theme-ace-bg:#282828ab; /*Note the fourth channel, this adds transparency*/
    --theme-ace-bg-accent:#3c3836;
    --theme-ace-fg:#ebdbb2;
    --theme-ace-fg-accent:#7c6f64;
    --theme-ace-cursor:#928374;
    --theme-ace-select:#458588;
}
#sk_editor {
    height: 50% !important; /*Remove this to restore the default editor size*/
    background: var(--theme-ace-bg) !important;
}
.ace-chrome .ace_print-margin, .ace_gutter, .ace_gutter-cell, .ace_dialog{
    background: var(--theme-ace-bg-accent) !important;
}
.ace_dialog-bottom{
    border-top: 1px solid var(--theme-ace-bg) !important;
}
.ace-chrome{
    color: var(--theme-ace-fg) !important;
}
.ace_gutter, .ace_dialog {
    color: var(--theme-ace-fg-accent) !important;
}
.ace_cursor{
    color: var(--theme-ace-cursor) !important;
}
.normal-mode .ace_cursor{
    background-color: var(--theme-ace-cursor) !important;
    border: var(--theme-ace-cursor) !important;
}
.ace_marker-layer .ace_selection {
    background: var(--theme-ace-select) !important;
} `

[Monirzadeh]

thanks i add your sample into wiki

[chaorace]

I appreciate being added to the wiki, but that example was really rough and I'm a bit embarrassed by it. I've gone ahead and updated the example to serve as a better template to work off of and removed some extraneous general theme adjustments.

[chaorace]

By the way @surfcao :
You can set the default font using a rule like this in your settings.theme. Keep in mind that your browser has to have the font actually installed for it to work.

.ace_editor {
    font: 12px/normal 'Consolas', monospace !important;
}

[surfcao]

By the way @surfcao :
You can set the default font using a rule like this in your settings.theme. Keep in mind that your browser has to have the font actually installed for it to work.

.ace_editor {
font: 12px/normal 'Consolas', monospace !important;
}

Thanks for the answer and sorry for the late response. Yes, this will change the fonts and looks in the editor, however, after the editing and writing to the text/input area, the original font in the input area (e.g., gmail compose window) will not be kept.

[kawamataryo]

I had the same problem and created a PR.
#1839