如何更改永久的 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。