Giter Club home page Giter Club logo

c9.ide.theme.jett's Introduction

Cloud9 Jett Theme

A flat theme for C9 IDE

Give your Cloud9 instance a modern look!

screenshot

Features

  • Animations!
  • Retina ready!
  • Modern fonts!
  • Updated filetype icons!

Compatibility

  • Tested with C9 v3.1.1022
  • Latest version of Chrome, Safari, Firefox

Installation

  1. Git clone or download this repo into c9sdk/plugins/c9.ide.theme.jett

  2. Open c9sdk/configs/client-default.js. Before return plugins; add the following:

    {
       packagePath: "plugins/c9.ide.theme.jett/plugin",
       staticPrefix: staticPrefix + "/plugins/c9.ide.theme.jett"
    }

    Note: This plugin styles collaborative features and has a hard set dependancy on --collab being enabled.

  3. Open c9sdk/configs/standalone.js. Add the following somewhere in the config:

    {
       packagePath: "./c9.ide.theme.jett/build-theme",
       pathRoot: __dirname
    }
  4. Run cloud9 in --collab mode.

    node server.js -p 8081 -a : --collab
    
  5. Upon launching your Cloud9 instance you should have a new color option in Preferences > Themes > Flat Theme. This will allow you switch this theme on/off.

Minification

If you want to run cloud9 with minification turned on ( --packed mode ), you'll need to rebuild assets.

scripts/makestandalone.sh --compress

Customize CSS

This is a little manual at the moment.

  1. Delete the current compilation. (rm build/compile_jett.css)
  2. Restart cloud9. The server-side plugin will detect the missing asset and rebuild it.

License

Contributing

Please submit a pull request through github.

Author

c9.ide.theme.jett's People

Contributors

andrewnester avatar jumbojett avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

c9.ide.theme.jett's Issues

Cannot install your template

Hello,

I'm new with cloud9 IDE, you've mention to c9sdk but where is this folder in my cloud workspace cloud9 instance ? i have activated your plugin when i move to ~/.c9/plugins path but when i enable this theme, no new theme available, can you help me pls ?

Question

This isn't an issue, but what syntax theme are you using in the screenshot?

Issue installing (even after applying patch)

Hi there. I was digging through some past issues (mainly #3) and was using those as reference to try and install your theme. I'm using a DigitalOcean droplet as my server and C9 version 3.1.3993.


The Error:

screenshot 2017-11-17 at 2 14 53 pm


How I Got There:

  1. Installed the C9 SDK:
git clone git://github.com/c9/core.git c9sdk
cd c9sdk
scripts/install-sdk.sh
  1. Cloned the Jett Theme:
cd plugins
git clone [email protected]:jumbojett/c9.ide.theme.jett.git
cd ..
  1. Upload update.patch.txt to root of sdk repo and apply:
git apply update.patch.txt
  1. Run server
node server.js -l 0.0.0.0 -a : --collab
  1. Visit in browser

Digging through the code a bit, it seems that on this line, rules gets set to null. I'm not sure if that means stylesheets aren't getting compiled on my end. I tried running scripts/makestandalone.sh and running the server, but that didn't change the error.

So I'm a bit stumped, and I definitely want to use your beautiful theme. Any help would be really appreciated.

EDIT: I tried following the same process except with version 3.1.3809 (the same version used in #3) but still got the same error. Refreshed a couple times each time to make sure caches weren't affecting it.

Update Installation Instructions

The installation instructions in the README don't match with what's in the cloud9 repo. The README is 3 years old so I assume it's out of date.

In particular,

  1. it's not clear where in the c9sdk/configs/standalone.js file to add this to:
    {
       packagePath: "./c9.ide.theme.jett/build-theme",
       pathRoot: __dirname
    }
    
  2. I don't have a c9sdk/configs/client-default.js file.

I've never installed a plugin for cloud9, so maybe all that's needed is a little explanation in the instructions.

Can't make it work on new version

Hi!

I'm not sure if I did something wrong, but I'm not able to make this work on C9 Version 3.1.3809 (61beb91d0f). I follow every step I can (on 2nd step instead of c9sdk/configs/client-default.js I edit configs/ide/default.js since the client-default.js does not exist) and when I initiate the server and restart nothing happens.

Am I doing something wrong? I'd really appreciate any help, since this is the only theme I have found for C9 and I really like it.

Thanks

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.