Tabs
|
@ -102,7 +102,7 @@
|
||||||
"c9.ide.recentfiles": "#7c099abf40",
|
"c9.ide.recentfiles": "#7c099abf40",
|
||||||
"c9.ide.remote": "#301d2ab519",
|
"c9.ide.remote": "#301d2ab519",
|
||||||
"c9.ide.processlist": "#2b12cd1bdd",
|
"c9.ide.processlist": "#2b12cd1bdd",
|
||||||
"c9.ide.run": "#41d457e8c4",
|
"c9.ide.run": "#a73ec1dc8a",
|
||||||
"c9.ide.run.build": "#0598fff697",
|
"c9.ide.run.build": "#0598fff697",
|
||||||
"c9.ide.run.debug.xdebug": "#61dcbd0180",
|
"c9.ide.run.debug.xdebug": "#61dcbd0180",
|
||||||
"c9.ide.save": "#e00549cb0f",
|
"c9.ide.save": "#e00549cb0f",
|
||||||
|
|
Przed Szerokość: | Wysokość: | Rozmiar: 14 KiB Po Szerokość: | Wysokość: | Rozmiar: 14 KiB |
Przed Szerokość: | Wysokość: | Rozmiar: 31 KiB Po Szerokość: | Wysokość: | Rozmiar: 32 KiB |
Przed Szerokość: | Wysokość: | Rozmiar: 16 KiB Po Szerokość: | Wysokość: | Rozmiar: 16 KiB |
Po Szerokość: | Wysokość: | Rozmiar: 45 KiB |
|
@ -94,7 +94,7 @@
|
||||||
height : @pane-button-height;
|
height : @pane-button-height;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
position : relative;
|
position : relative;
|
||||||
padding : 4px 0 0 0;
|
padding : 5px 0 0 0;
|
||||||
overflow: visible;
|
overflow: visible;
|
||||||
color : #000;
|
color : #000;
|
||||||
|
|
||||||
|
|
|
@ -11,8 +11,8 @@
|
||||||
@c9-no-repeat-2x: "c9-no-repeat_flat_dark@2x.png";
|
@c9-no-repeat-2x: "c9-no-repeat_flat_dark@2x.png";
|
||||||
@c9-no-repeat-width: 480px;
|
@c9-no-repeat-width: 480px;
|
||||||
@c9-no-repeat-height: 580px;
|
@c9-no-repeat-height: 580px;
|
||||||
@c9-repeat-x: "c9-repeat-x_flat_light.png";
|
@c9-repeat-x: "c9-repeat-x_flat_dark.png";
|
||||||
@c9-repeat-x-2x: "c9-repeat-x_flat_light@2x.png";
|
@c9-repeat-x-2x: "c9-repeat-x_flat_dark@2x.png";
|
||||||
@c9-repeat-x-width: 32px;
|
@c9-repeat-x-width: 32px;
|
||||||
@c9-repeat-x-height: 500px;
|
@c9-repeat-x-height: 500px;
|
||||||
|
|
||||||
|
@ -344,11 +344,11 @@
|
||||||
@pane-button-height: 26px;
|
@pane-button-height: 26px;
|
||||||
@pane-button-font-family: @general-font-family;
|
@pane-button-font-family: @general-font-family;
|
||||||
@pane-button-font-size: 13px;
|
@pane-button-font-size: 13px;
|
||||||
@pane-button-background: darken(#FCFCFC, @darken-chrome); //darken(#D6D6D6, @darken-chrome); //darken(#D8D8D8, @darken-chrome);
|
@pane-button-background: darken(#3f3f3f, @darken-chrome); //darken(#D6D6D6, @darken-chrome); //darken(#D8D8D8, @darken-chrome);
|
||||||
@pane-button-color: darken(#e0e3e8, @darken-font);
|
@pane-button-color: darken(#e0e3e8, @darken-font);
|
||||||
@pane-button-active-color: darken(#e0e3e8, @darken-font);
|
@pane-button-active-color: darken(#e0e3e8, @darken-font);
|
||||||
@pane-button-textshadow: none;
|
@pane-button-textshadow: none;
|
||||||
@pane-button-hover-background: darken(#EEE, @darken-chrome);
|
@pane-button-hover-background: darken(#393939, @darken-chrome);
|
||||||
@pane-button-hover-color: darken(rgb(173, 173, 173), @darken-font);
|
@pane-button-hover-color: darken(rgb(173, 173, 173), @darken-font);
|
||||||
@pane-button-states-image: "tabsave-flat.png";
|
@pane-button-states-image: "tabsave-flat.png";
|
||||||
@pane-button-states-image-size: 9px;
|
@pane-button-states-image-size: 9px;
|
||||||
|
@ -391,11 +391,11 @@
|
||||||
@pane-button-right: -42px -125px; //-126px;
|
@pane-button-right: -42px -125px; //-126px;
|
||||||
@pane-button-left-active: 0 -125px; //-126px;
|
@pane-button-left-active: 0 -125px; //-126px;
|
||||||
@pane-button-right-active: -42px -125px; //-126px;
|
@pane-button-right-active: -42px -125px; //-126px;
|
||||||
@pane-button-mask-left: 0 -96px; //-95px;
|
@pane-button-mask-left: 0 -95px; //-95px;
|
||||||
@pane-button-mask-right: -42px -96px; //-95px;
|
@pane-button-mask-right: -42px -95px; //-95px;
|
||||||
|
|
||||||
@pane-button-dark-mask-left: 0 -94px; //-95px;
|
@pane-button-dark-mask-left: 0 -95px; //-95px;
|
||||||
@pane-button-dark-mask-right: -42px -94px; //-95px;
|
@pane-button-dark-mask-right: -42px -95px; //-95px;
|
||||||
|
|
||||||
@pane-button-dark-middle-active: @pane-button-middle;
|
@pane-button-dark-middle-active: @pane-button-middle;
|
||||||
@pane-button-dark-left-active: @pane-button-left-active;
|
@pane-button-dark-left-active: @pane-button-left-active;
|
||||||
|
|
|
@ -391,11 +391,11 @@
|
||||||
@pane-button-right: -42px -125px; //-126px;
|
@pane-button-right: -42px -125px; //-126px;
|
||||||
@pane-button-left-active: 0 -125px; //-126px;
|
@pane-button-left-active: 0 -125px; //-126px;
|
||||||
@pane-button-right-active: -42px -125px; //-126px;
|
@pane-button-right-active: -42px -125px; //-126px;
|
||||||
@pane-button-mask-left: 0 -96px; //-95px;
|
@pane-button-mask-left: 0 -95px; //-95px;
|
||||||
@pane-button-mask-right: -42px -96px; //-95px;
|
@pane-button-mask-right: -42px -95px; //-95px;
|
||||||
|
|
||||||
@pane-button-dark-mask-left: 0 -94px; //-95px;
|
@pane-button-dark-mask-left: 0 -95px; //-95px;
|
||||||
@pane-button-dark-mask-right: -42px -94px; //-95px;
|
@pane-button-dark-mask-right: -42px -95px; //-95px;
|
||||||
|
|
||||||
@pane-button-dark-middle-active: @pane-button-middle;
|
@pane-button-dark-middle-active: @pane-button-middle;
|
||||||
@pane-button-dark-left-active: @pane-button-left-active;
|
@pane-button-dark-left-active: @pane-button-left-active;
|
||||||
|
|
|
@ -11,12 +11,12 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.output .toolbar .c9-toolbarbutton-glossyOver{
|
.output .toolbar .c9-toolbarbutton-glossyOver{
|
||||||
border: 1px solid #c2c8ca !important;
|
border: 1px solid transparent !important;
|
||||||
background: rgba(255,255,255, 0.4) !important;
|
background: rgba(255,255,255, 0.1) !important;
|
||||||
}
|
}
|
||||||
.output .toolbar .c9-toolbarbutton-glossyDown{
|
.output .toolbar .c9-toolbarbutton-glossyDown{
|
||||||
border: 1px solid #c2c8ca !important;
|
border: 1px solid transparent !important;
|
||||||
background: rgba(255,255,255, 0.6) !important;
|
background: rgba(255,255,255, 0.14) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.envcontainer {
|
.envcontainer {
|
||||||
|
@ -180,7 +180,13 @@
|
||||||
.font-smoothing(true);
|
.font-smoothing(true);
|
||||||
}
|
}
|
||||||
|
|
||||||
.searchbox .ace-tm .ace_cursor{
|
.searchbox .ace-tm .ace_marker-layer .ace_selected-word {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.searchbox .ace-tm .ace_marker-layer .ace_selection {
|
||||||
|
background: rgb(119, 130, 49);
|
||||||
|
}
|
||||||
|
.searchbox .ace-tm .ace_cursor {
|
||||||
color: @textbox-color;
|
color: @textbox-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -193,7 +199,7 @@
|
||||||
.tbsimpleFocus,
|
.tbsimpleFocus,
|
||||||
.tbsimple:hover{
|
.tbsimple:hover{
|
||||||
background: @element-background-hover;
|
background: @element-background-hover;
|
||||||
border: 1px solid transparent;
|
border-color: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
.panel-bar .searchbox .sbtb_middle{
|
.panel-bar .searchbox .sbtb_middle{
|
||||||
|
|
|
@ -465,14 +465,14 @@
|
||||||
background-position : 0 -126px;
|
background-position : 0 -126px;
|
||||||
}
|
}
|
||||||
.dark.session_btn.curbtn .tab_middle:before {
|
.dark.session_btn.curbtn .tab_middle:before {
|
||||||
-webkit-mask-position : 0 -94px;
|
-webkit-mask-position : 0 -95px;
|
||||||
}
|
}
|
||||||
.dark.session_btn.curbtn .tab_middle:after,
|
.dark.session_btn.curbtn .tab_middle:after,
|
||||||
.session_btn.curbtn .tab_middle:after {
|
.session_btn.curbtn .tab_middle:after {
|
||||||
background-position : -42px -126px;
|
background-position : -42px -126px;
|
||||||
}
|
}
|
||||||
.dark.session_btn.curbtn .tab_middle:after {
|
.dark.session_btn.curbtn .tab_middle:after {
|
||||||
-webkit-mask-position : -42px -94px;
|
-webkit-mask-position : -42px -95px;
|
||||||
}
|
}
|
||||||
.session_btn.curbtn .tab_shadow:before {
|
.session_btn.curbtn .tab_shadow:before {
|
||||||
background-position : 0 -123px;
|
background-position : 0 -123px;
|
||||||
|
|
|
@ -33,10 +33,12 @@
|
||||||
color: #fff;
|
color: #fff;
|
||||||
outline: none;
|
outline: none;
|
||||||
}
|
}
|
||||||
.c9terminal .c9terminalcontainer.dark .terminal .reverse-video {
|
.c9terminal .c9terminalcontainer.dark .terminal .reverse-video,
|
||||||
|
.c9terminal .c9terminalcontainer.flat-dark .terminal .reverse-video{
|
||||||
outline : 1px solid rgba(255,255,255,0.4);
|
outline : 1px solid rgba(255,255,255,0.4);
|
||||||
}
|
}
|
||||||
.c9terminalFocus .c9terminalcontainer.dark .terminal .reverse-video {
|
.c9terminalFocus .c9terminalcontainer.dark .terminal .reverse-video,
|
||||||
|
.c9terminalFocus .c9terminalcontainer.flat-dark .terminal .reverse-video {
|
||||||
outline: none;
|
outline: none;
|
||||||
background-color: #f0f0f0;
|
background-color: #f0f0f0;
|
||||||
color: #000;
|
color: #000;
|
||||||
|
|
|
@ -902,11 +902,19 @@ define(function(require, exports, module) {
|
||||||
function setTabColor(){
|
function setTabColor(){
|
||||||
var bg = settings.get("user/terminal/@backgroundColor");
|
var bg = settings.get("user/terminal/@backgroundColor");
|
||||||
var shade = util.shadeColor(bg, 0.75);
|
var shade = util.shadeColor(bg, 0.75);
|
||||||
doc.tab.backgroundColor = shade.isLight ? bg : shade.color;
|
var skinName = settings.get("user/general/@skin");
|
||||||
|
var isLight = ~skinName.indexOf("flat") || shade.isLight;
|
||||||
|
doc.tab.backgroundColor = isLight ? bg : shade.color;
|
||||||
|
|
||||||
if (shade.isLight) {
|
if (isLight) {
|
||||||
doc.tab.classList.remove("dark");
|
if (~skinName.indexOf("flat") && !shade.isLight) {
|
||||||
container.className = "c9terminalcontainer";
|
doc.tab.classList.add("dark");
|
||||||
|
container.className = "c9terminalcontainer flat-dark";
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
doc.tab.classList.remove("dark");
|
||||||
|
container.className = "c9terminalcontainer";
|
||||||
|
}
|
||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
doc.tab.classList.add("dark");
|
doc.tab.classList.add("dark");
|
||||||
|
|