Logo Questions Linux Laravel Mysql Ubuntu Git Menu
HTML CSS JAVASCRIPT SQL PYTHON PHP BOOTSTRAP JAVA JQUERY R React Kotlin
 

Cloud9 IDE local themes

Tags:

themes

cloud9-ide

The Cloud9 IDE docs say you can import a Textmate theme, but i cant figure it out. Can some one explain step-by-step how i can do this. Im trying to include the theme on my localhost by the way.

I found this link, but i still dont get it...

https://groups.google.com/forum/#!msg/ace-discuss/kLgJFe2l2YY/47QvhIowqqMJ .

The above url also mentioned being able to edit already existing themes. This would also come in handy if any one knows how to / where the files are located.

like image 374
cnotethegr8 Avatar asked Jul 10 '12 09:07

cnotethegr8

People also ask

How do I change my Cloud9 theme?

View or change your theme On the menu bar, choose AWS Cloud9, Preferences. To view your theme across each environment of yours, on the Preferences tab, in the side navigation pane, choose Themes. To change your theme across each environment of yours, in the Themes pane, change the settings you want.

Is Cloud9 a VSCode?

Learn how to configure VSCode to run on the power of AWS Cloud9. One key benefit is the inclusion of necessary libraries and AWS Credentials. This allows you to use the compute power and memory in the cloud from the familiarity of VSCode running on your local machine.

How do I access AWS Cloud9 IDE?

If you're the only one using your AWS account or you're an IAM user in a single AWS account, go to https://console.aws.amazon.com/cloud9/ . If your organization uses AWS IAM Identity Center (successor to AWS Single Sign-On), ask your AWS account administrator for sign-in instructions.

How do I connect Cloud9 to EC2?

Connect AWS EC2 to AWS Cloud9 From AWS Management Console, inside the Developer Tools choose Cloud9. Press Create environment. Add any name for that environment then press next. In the configure settings, change the Environment type to Connect and run in remote server (SSH).

1 Answers

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! ;)
like image 97
Shogun Avatar answered Oct 03 '22 14:10

Shogun
Sign in to Comment

Related questions

Difference between approches for setting DefaultStyleKey
Default ASP.NET Themes
Changing the theme of the webpage
Port color theme from visual studio code to visual studio
Use PrimeReact Themes with CSS Modules Enabled in React Application
Material-UI - How to change default color for dark theme?
react native force light mode in android app
What is the preferred way to do site templates and themes with Wicket?
jQuery Mobile themes - Where to get them? Re-purpose jQTouch themes?
Writing themed applications in Android
TextAppearance in theme
Theme.Translucent fails on ICS
Eclipse Dark Theme on Linux Mint Cinammon
how to edit htm/css in drupal theme?
Use Holo theme in Qt Android application
Error loading theme, cannot find "theme.css" resource of "primefaces-start" library
Implement Night Mode on android app
Wordpress - Sorry, you are not allowed to edit this item
Error on night mode when rotating the screen
Set activity screen orientation using styles

Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!