Изменить цвет фона Атом - в рабочей области редактора Атом можно менять не только "цвет заднего фона". Но сегодня об изменении цвета заднего фона в редакторе Атом.
Подробно о заднем фоне редактора Атом.
- Изменяем цвет заднего фона в теме в редакторе кода Атом.
- Изменяем задний во вкладке проект редактор Атом
- Меняем задний фон в настройках редактора Атом.
Изменяем цвет заднего фона в теме в редакторе кода Атом.
Как вы знаете. что в редакторе кода Атом можно изменить любую часть программы, кроме меню.
Для этого нам понадобятся две темы:
И файл стилей styles.less
Если вы пользовались кнопкой исследовать элемент в браузере, то здесь, в редакторе Атом она тоже есть! По умолчанию в моей версии редактора сочетание клавиш
ctrl + shift + i(как изменить горячие клавиши)
Первым, где изменим задний фон - это будет открытая вкладка с кодом. В смысле обычный файл.
У меня поставлена теме "monokai".
Задний фон - хочу сделать настоящим черным:
atom-text-editor {
background-color: #161616;
}
Изменяем задний во вкладке проект редактор Атом
Поступаем аналогично, как было описано выше, только теперь - изменим цвет заднего фона во вкладке "проект"
.tree-view .tree-view-root {
background: black;
}
Иногда, приходится несколько раз проделывать поиск блоков, которые именно те. что нам нужны. Но их всегда можно найти при некотором потраченном времени на это... 
смайлы
Не забываем скопировать измененный код заднего фона в редакторе кода Атом и перенести их в файл стилей styles.less и сохранить их там.
Меняем задний фон в настройках редактора Атом.
Далее - наиболее часто открываемая панель - это настройки! Изменим и здесь цвет заднего фона!
Меню навигации настроек с измененным цветом заднего фона:
.settings-view .config-menu {
background-color: #000000;
}
Панель настроек с измененным цветом заднего фона:
atom-pane-container atom-pane .item-views .pane-item {
background-color: #000000;
}
