Skip to content
This repository has been archived by the owner on Apr 6, 2021. It is now read-only.

Solarized theme cannot affect left panel #519

Open
fuzihaofzh opened this issue Sep 11, 2018 · 1 comment
Open

Solarized theme cannot affect left panel #519

fuzihaofzh opened this issue Sep 11, 2018 · 1 comment

Comments

@fuzihaofzh
Copy link

When I set the theme for solarized. The left panel and the buttons are white rather than the solarized yellow. How to make the left panel and the button area the same theme setting?

image

@Blacknosaur
Copy link

Blacknosaur commented Nov 28, 2018

You have to choose another UI Theme for changing this part of Cloud9 or manually edit Cloud9 CSS file to adapt the colors.

Try this:

.c9terminal .c9terminalcontainer, .session_btn:not(.curbtn) .tab_middle, .session_btn:not(.curbtn) .tab_middle:after, .session_btn:not(.curbtn) .tab_middle:before {
    background-color: rgb(253, 246, 227);
}

.curbtn .tab_middle, .curbtn .tab_middle::after, .curbtn .tab_middle::before, .editor_tab .session_page.curpage, .c9-menu-bar .c9-mbar-cont, .curbtn .tab_middle, .curbtn .tab_middle::after, .curbtn .tab_middle::before, .ace_tree_scroller, .panelsbuttonDown,  .ace-solarized-light .ace_gutter, .panelsbuttonDown:hover, .ace_scrollbar, .curbtn .tab_middle, .curbtn .tab_middle::after, .curbtn .tab_middle::before, .curbtn .tab_middle, .curbtn .tab_middle::after, .curbtn .tab_middle::before, .curbtn .tab_middle, .curbtn .tab_middle::after, .curbtn .tab_middle::before {
    background-color: rgb(238, 232, 213) !important;
}

.session_btn.over:not(.curbtn) .tab_middle, .session_btn.over:not(.curbtn) .tab_middle:after, .session_btn.over:not(.curbtn) .tab_middle:before{
    background-color: rgb(211, 203, 183);
}

.c9-menu-btnOver, .panelsbar, .panelsbutton.gotoanything, .filetree .tree-row.selected, .panelsbutton.gotoanything:hover, .basic.left, .editor_tab .btnsesssioncontainer, .ace_button:hover, .find-and-replace {
    background-color: rgb(221, 214, 193);
}

.panelsbar, .panelsbutton.gotoanything, .panelsbutton.gotoanything:hover, .basic.left, .editor_tab .btnsesssioncontainer, .ace_button:hover, .find-and-replace{
    box-shadow: none;
}

.basic.right .panelsbar {
    box-shadow: 0 1px 0 rgb(211, 203, 183);
    top: -1px;
}

.c9-menu-bar .c9-mbar-cont {
    border-bottom: 1px solid rgb(211, 203, 183);
}

.editor_tab .btnsesssioncontainer {
    box-shadow: 0 -1px 0 0 rgb(211, 203, 183) inset, 0 1px 0 0 transparent inset, 0 1px 0 transparent;
    border-top: 1px solid rgb(211, 203, 183);
}

.ace-solarized-light .ace_print-margin {
    width: 0;
}

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants