如何更改永久的 CPanel 代码编辑器主题

Question

我正在尝试将我的 CPanel 代码编辑器主题更改为深色模式。 我能够做到

1. 键“Ctrl +”打开设置
2. 将那里的“主题”部分更改为黑暗或任何其他。

但这有点暂时。 当我关闭编辑器并再次打开它时，我必须再做一次。

有什么办法可以使选定的默认主题..？

任何帮助是极大的赞赏。

Answer 1

在看到您的帖子之前，我不知道“王牌设置菜单”及其主题的存在，所以我做了一些研究。 显然，cpanel 开发人员从不关心“Cloud9 Editor”IDE 在外观上不能正常工作。

有一种方法可以通过 chrome/ms 边缘扩展注入您自己的 CSS 并将其保留为默认值。

1. 安装ABC JS-CSS 注入器

2. 复制这个自定义的深色主题“ dracula ”：

 #ace-chrome.ace-chrome.ace_content.ace_layer.ace_print-margin-layer.ace_print-margin {visibility: hidden; left: 0px;}.ace-chrome.print-margin {visibility: hidden;}.ace-chrome.ace_gutter {background: #282a36;color: rgb(144,145,148)}.ace-chrome.ace_print-margin {width: 0px;background: #44475a}.ace-chrome {background-color: #282a36;color: #f8f8f2}.ace-chrome.ace_cursor {color: #f8f8f0}.ace-chrome.ace_marker-layer.ace_selection {background: #44475a}.ace-chrome.ace_multiselect.ace_selection.ace_start {box-shadow: 0 0 3px 0px #282a36;border-radius: 2px}.ace-chrome.ace_marker-layer.ace_step {background: rgb(198, 219, 174)}.ace-chrome.ace_marker-layer.ace_bracket {margin: -1px 0 0 -1px;border: 1px solid #a29709}.ace-chrome.ace_marker-layer.ace_active-line {background: #474a5d}.ace-chrome.ace_gutter-active-line {background-color: #44475a}.ace-chrome.ace_marker-layer.ace_selected-word {box-shadow: 0px 0px 0px 1px #a29709;border-radius: 3px;}.ace-chrome.ace_fold {background-color: #50fa7b;border-color: #f8f8f2}.ace-chrome.ace_keyword {color: #ff79c6}.ace-chrome.ace_constant.ace_language {color: #bd93f9}.ace-chrome.ace_constant.ace_numeric {color: #bd93f9}.ace-chrome.ace_constant.ace_character {color: #bd93f9}.ace-chrome.ace_constant.ace_character.ace_escape {color: #ff79c6}.ace-chrome.ace_constant.ace_other {color: #bd93f9}.ace-chrome.ace_support.ace_function {color: #8be9fd}.ace-chrome.ace_support.ace_constant {color: #6be5fd}.ace-chrome.ace_support.ace_class {font-style: italic;color: #66d9ef}.ace-chrome.ace_support.ace_type {font-style: italic;color: #66d9ef}.ace-chrome.ace_storage {color: #ff79c6}.ace-chrome.ace_storage.ace_type {font-style: italic;color: #8be9fd}.ace-chrome.ace_invalid {color: #F8F8F0;background-color: #ff79c6}.ace-chrome.ace_invalid.ace_deprecated {color: #F8F8F0;background-color: #bd93f9}.ace-chrome.ace_string {color: #f1fa8c}.ace-chrome.ace_comment {color: #6272a4}.ace-chrome.ace_variable {color: #50fa7b}.ace-chrome.ace_variable.ace_parameter {font-style: italic;color: #ffb86c}.ace-chrome.ace_entity.ace_other.ace_attribute-name {color: #50fa7b}.ace-chrome.ace_entity.ace_name.ace_function {color: #50fa9c}.ace-chrome.ace_entity.ace_name.ace_tag {color: #ff79c6}.ace-chrome.ace_storage, .ace-chrome.ace_keyword, .ace-chrome.ace_meta.ace_tag{color: #eb0081}.ace-chrome.ace_xml-pe {color: rgb(142, 142, 142);}.ace-chrome.ace_invisible {color: #626680;}.ace-chrome.ace_keyword.ace_operator {color: rgb(216, 58, 255);}.ace-chrome.ace_indent-guide {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWNgYGBgYHB3d/8PAAOIAdULw8qMAAAAAElFTkSuQmCC) right repeat-y}

4. 将 CSS 粘贴到浏览器扩展中：

5. Go 到任何 cPanel 编辑器和愉快的编码。

（模糊的例子）：

您可以在此处查看其他主题并根据需要自定义 CSS。