Cloud9 IDE local themes

岁酱吖の 提交于 2019-12-03 16:10:00

Follow these steps, assuming my theme name is 'pretty.tmTheme':

  1. Copy pretty.tmTheme to 'cloud9/node_modules/ace/tool/tmThemes/'
  2. Go to cloud9/node_modules/ace/tool/ and run 'node tmtheme.js'
  3. Go to cloud9/
  4. Run 'make ace'
  5. Run 'make theme'
  6. Open cloud9/plugins-client/ext.themes_default/themes_default.js and add your theme to the list. For ex: '"Pretty": "ace/theme/pretty"'
  7. Run Cloud9 and select new theme from the view/themes list.
  8. Enjoy! ;)

Sorry, I don't have enough rep to comment on the accepted answer, but there seems to be a step missing from the list for this to work, at least for me. Here is the edited version, which I will also submit to @Shogun.

Follow these steps, assuming my theme name is 'All Hallows Eve.tmTheme':

  1. Copy 'All Hallows Eve.tmTheme' to 'cloud9/node_modules/ace/tool/tmThemes/'
  2. Open 'cloud9/node_modules/ace/tool/tmtheme.js' and add the new theme to the 'theme' var (currently line 231). Example: '"all_hallows_eve": "All Hallows Eve"'. The key you define here will be the one you add to 'ace/theme/' in step 7 and the value would be the tmTheme filename. So for this, step 7 would be 'ace/theme/all_hallows_eve' and the theme file you added in step 1 would be 'All Hallows Eve.tmTheme'.
  3. Go to cloud9/node_modules/ace/tool/ and run 'node tmtheme.js'
  4. Go to cloud9/
  5. Run 'make ace'
  6. Run 'make theme'
  7. Open cloud9/plugins-client/ext.themes_default/themes_default.js and add your theme to the list. For ex: '"All Hallows Eve": "ace/theme/all_hallows_eve"'
  8. Run Cloud9 and select new theme from the view/themes list.
  9. Enjoy! ;)

Sorry for the lengthy addition. I just want to be as clear as possible. I used a different example than Pretty.tmTheme because it was unclear to me how to account for spaces in filenames when I tried the solution with 'All Hallows Eve'.

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!