{"__v":1,"_id":"563a83e40ed633230037885b","category":{"__v":16,"_id":"54cfb9a65ff7e617002bbd7f","pages":["54d031f2f530ca0d00053955","54d03212f530ca0d00053959","54d03229c795960d009f420b","54d03243c795960d009f420d","54d03268c795960d009f420f","54d032a594f7980d0081b838","54d032c0c795960d009f4211","54d032e394f7980d0081b83c","553a7e020074c80d00621bee","55707819910c090d00c43412","557b137eb5052c1700543db2","557eee21eb75d80d00af3f9f","55896d363494de2f00a8d58d","55ae7e618576b92300291dfc","563a83e40ed633230037885b","56538c47f77ca023004e5338"],"project":"54cf411f9d09bb0d00a17a1c","version":"54cf411f9d09bb0d00a17a1f","sync":{"url":"","isSync":false},"reference":false,"createdAt":"2015-02-02T17:53:42.501Z","from_sync":false,"order":1,"slug":"features","title":"Features"},"parentDoc":null,"project":"54cf411f9d09bb0d00a17a1c","user":"54cfa8c8a8a4fd0d00b7fd1c","version":{"__v":14,"_id":"54cf411f9d09bb0d00a17a1f","project":"54cf411f9d09bb0d00a17a1c","createdAt":"2015-02-02T09:19:27.656Z","releaseDate":"2015-02-02T09:19:27.656Z","categories":["54cf41209d09bb0d00a17a20","54cfb99bbba1a023008741af","54cfb9a65ff7e617002bbd7f","54cfba03bba1a023008741b6","54cfba0ebba1a023008741b8","54cfba19bba1a023008741b9","54cfba29bba1a023008741bb","54cfba345ff7e617002bbd87","54cfba3ebba1a023008741bc","54cfba473995cf0d0006f6f0","54e371b18ef7552300409bf2","54e37aa5e887c50d005ef629","555a4e9b147f91190092d137","56b0e91802f4bc0d006ce254"],"is_deprecated":false,"is_hidden":false,"is_beta":false,"is_stable":true,"codename":"","version_clean":"1.0.0","version":"1.0"},"updates":[],"next":{"pages":[],"description":""},"createdAt":"2015-11-04T22:17:08.169Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"isReference":false,"order":11,"body":"Cloud9 allows for customization in many different ways and one of those is how it looks. There are a couple different things that can be themed with Cloud9:\n\n1. The entire IDE\n2. The text editor\n3. The terminal\n\n# Theming the IDE\n\nThe IDE theme determines the feel of Cloud9 as a whole, from the file navigation to the text editor and tabs. To change the IDE theme, go to settings then choose Themes on the bottom left.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/Q1bpLPI9SAuleqFpye0V_ide_theme.png\",\n        \"ide_theme.png\",\n        \"3828\",\n        \"856\",\n        \"#65aef9\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\n# Theming the Text Editor\n\nThe colors of the text editor aren't restricted to those provided by default by the IDE theme. To change the text editor theme, go to View > Themes and choose a theme. Hovering over a theme will show a preview of how it will look.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/ldoBRkheRGuI3KuWzf7m_Screen%20Shot%202015-10-21%20at%2011.05.31%20AM.png\",\n        \"Screen Shot 2015-10-21 at 11.05.31 AM.png\",\n        \"3298\",\n        \"838\",\n        \"#042342\",\n        \"\"\n      ],\n      \"caption\": \"Using the Light IDE theme and previewing the Cobalt text editor theme\"\n    }\n  ]\n}\n[/block]\n# Theming the Terminal\n\nTo change the colors in the terminal, head to settings, then select User Settings and head down to Terminal. From here, you can choose the text color, background color, and selection color of items in the terminal. You can also adjust the font family and font size.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/Jnx3KD64R5ODG6XN5DHS_terminal_theme.png\",\n        \"terminal_theme.png\",\n        \"3334\",\n        \"1178\",\n        \"#fb1010\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]","excerpt":"","slug":"themes","type":"basic","title":"Themes"}
Cloud9 allows for customization in many different ways and one of those is how it looks. There are a couple different things that can be themed with Cloud9: 1. The entire IDE 2. The text editor 3. The terminal # Theming the IDE The IDE theme determines the feel of Cloud9 as a whole, from the file navigation to the text editor and tabs. To change the IDE theme, go to settings then choose Themes on the bottom left. [block:image] { "images": [ { "image": [ "https://files.readme.io/Q1bpLPI9SAuleqFpye0V_ide_theme.png", "ide_theme.png", "3828", "856", "#65aef9", "" ] } ] } [/block] # Theming the Text Editor The colors of the text editor aren't restricted to those provided by default by the IDE theme. To change the text editor theme, go to View > Themes and choose a theme. Hovering over a theme will show a preview of how it will look. [block:image] { "images": [ { "image": [ "https://files.readme.io/ldoBRkheRGuI3KuWzf7m_Screen%20Shot%202015-10-21%20at%2011.05.31%20AM.png", "Screen Shot 2015-10-21 at 11.05.31 AM.png", "3298", "838", "#042342", "" ], "caption": "Using the Light IDE theme and previewing the Cobalt text editor theme" } ] } [/block] # Theming the Terminal To change the colors in the terminal, head to settings, then select User Settings and head down to Terminal. From here, you can choose the text color, background color, and selection color of items in the terminal. You can also adjust the font family and font size. [block:image] { "images": [ { "image": [ "https://files.readme.io/Jnx3KD64R5ODG6XN5DHS_terminal_theme.png", "terminal_theme.png", "3334", "1178", "#fb1010", "" ] } ] } [/block]