mirror
/
c9-core
kopia lustrzana https://github.com/c9/core
1
0
Forkuj 0
Kod Zgłoszenia Packages Projekty Wydania Wiki Aktywność

Dialogs, textboxes, datagrids, and other stuff

pull/223/head
Ruben Daniels 2015-09-28 17:09:14 -07:00
rodzic d9e0c15738
commit 6ba9630c88
8 zmienionych plików z 66 dodań i 36 usunięć
Pokaż statystyki Ściągnij plik aktualizacji Ściągnij plik porównania Expand all files Collapse all files

1
plugins/c9.ide.layout.classic/less/bk-window.less
Wyświetl plik

@ -6,6 +6,7 @@
border-radius: @dialog-border-radius; border-radius: @dialog-border-radius;
box-shadow: @dialog-shadow; box-shadow: @dialog-shadow;
color: @dialog-content-color;
background: @dialog-background-color; /* Especially for retina */ background: @dialog-background-color; /* Especially for retina */
} }

2
plugins/c9.ide.layout.classic/less/panel-bar.less
Wyświetl plik

@ -18,6 +18,6 @@
width: 1px; width: 1px;
bottom: 0; bottom: 0;
top: 0; top: 0;
background: rgba(255,255,255,0.06); background: @border-highlight;
z-index: 1000; z-index: 1000;
} }

1
plugins/c9.ide.layout.classic/themes/default-dark-gray.less
Wyświetl plik

@ -594,6 +594,7 @@
@dialog-header-font-size: 14px; @dialog-header-font-size: 14px;
@dialog-header-font-weight: bold; @dialog-header-font-weight: bold;
@dialog-content-color: #222;
@dialog-content-background: lighten(#dfdfe0, @lighten-chrome) url("@{image-path}/modalbg.png") repeat 0 0; @dialog-content-background: lighten(#dfdfe0, @lighten-chrome) url("@{image-path}/modalbg.png") repeat 0 0;
@dialog-content-dark-background-color: lighten(#303130, @lighten-chrome); @dialog-content-dark-background-color: lighten(#303130, @lighten-chrome);
@dialog-content-dark-gradient: linear-gradient(top,rgba(0, 0, 0, 0.29) 0%, rgba(0, 0, 0, 0.11) 8px, rgba(0, 0, 0, 0.01) 13px, transparent 15px); @dialog-content-dark-gradient: linear-gradient(top,rgba(0, 0, 0, 0.29) 0%, rgba(0, 0, 0, 0.11) 8px, rgba(0, 0, 0, 0.01) 13px, transparent 15px);

1
plugins/c9.ide.layout.classic/themes/default-dark.less
Wyświetl plik

@ -594,6 +594,7 @@
@dialog-header-font-size: 14px; @dialog-header-font-size: 14px;
@dialog-header-font-weight: bold; @dialog-header-font-weight: bold;
@dialog-content-color: #222;
@dialog-content-background: lighten(#dfdfe0, @lighten-chrome) url("@{image-path}/modalbg.png") repeat 0 0; @dialog-content-background: lighten(#dfdfe0, @lighten-chrome) url("@{image-path}/modalbg.png") repeat 0 0;
@dialog-content-dark-background-color: lighten(#303130, @lighten-chrome); @dialog-content-dark-background-color: lighten(#303130, @lighten-chrome);
@dialog-content-dark-gradient: linear-gradient(top,rgba(0, 0, 0, 0.29) 0%, rgba(0, 0, 0, 0.11) 8px, rgba(0, 0, 0, 0.01) 13px, transparent 15px); @dialog-content-dark-gradient: linear-gradient(top,rgba(0, 0, 0, 0.29) 0%, rgba(0, 0, 0, 0.11) 8px, rgba(0, 0, 0, 0.01) 13px, transparent 15px);

68
plugins/c9.ide.layout.classic/themes/default-flat-dark.less
Wyświetl plik

@ -54,7 +54,7 @@
@ace-cloud9-night-gutter: darken(#303130, @darken-chrome); @ace-cloud9-night-gutter: darken(#303130, @darken-chrome);
@ace-cloud9-night-background: darken(#181818, @darken-chrome); @ace-cloud9-night-background: darken(#181818, @darken-chrome);
@ace-cloud9-night-active-line: darken(#292929, @darken-chrome); @ace-cloud9-night-active-line: darken(#292929, @darken-chrome);
@ace-gutter-font-smoothing: false; @ace-gutter-font-smoothing: true;
@ace-gutter-shadow: none; @ace-gutter-shadow: none;
@ace-status-color: darken(#5A5A5A, @darken-chrome); @ace-status-color: darken(#5A5A5A, @darken-chrome);
@ -460,10 +460,10 @@
@pane-menu-hover-box-shadow: none; @pane-menu-hover-box-shadow: none;
@pane-menu-hover-gradient: linear-gradient(top, transparent 0%, transparent 100%); @pane-menu-hover-gradient: linear-gradient(top, transparent 0%, transparent 100%);
@pane-menu-active-border-color: @menu-border-color; @pane-menu-active-border-color: @menu-border-color;
@pane-menu-active-box-shadow: inset 0 1px darken(rgb(255, 255, 255), @darken-chrome); @pane-menu-active-box-shadow: inset 0 1px darken(@menu-background, @darken-chrome);
@pane-menu-active-gradient: linear-gradient(top, white 0%, white 100%); @pane-menu-active-gradient: linear-gradient(top, @menu-background 0%, @menu-background 100%);
@pane-menu-upward-active-box-shadow: 0 1px darken(rgba(255, 255, 255, 0.6), @darken-chrome), inset 0 -1px darken(rgb(255, 255, 255), @darken-chrome); @pane-menu-upward-active-box-shadow: 0 1px darken(rgba(255, 255, 255, 0.6), @darken-chrome), inset 0 -1px darken(rgb(255, 255, 255), @darken-chrome);
@pane-menu-upward-active-gradient: linear-gradient(top, white 0%, white 100%); @pane-menu-upward-active-gradient: linear-gradient(top, @menu-background 0%, @menu-background 100%);
@pane-menu-splits-image: "@{image-path}/splits_flat_dark.png"; @pane-menu-splits-image: "@{image-path}/splits_flat_dark.png";
@pane-menu-splits-image-width: 138px; @pane-menu-splits-image-width: 138px;
@ -587,13 +587,14 @@
@dialog-header-color: darken(#e0e3e8, @darken-chrome); @dialog-header-color: darken(#e0e3e8, @darken-chrome);
@dialog-header-height: 52px; @dialog-header-height: 52px;
@dialog-header-gradient: linear-gradient(top, #303130 0%, #303130 100%); @dialog-header-gradient: linear-gradient(top, #303130 0%, #303130 100%);
@dialog-header-bottom-border: 1px solid darken(#252625, @darken-chrome); @dialog-header-bottom-border: 0;
@dialog-header-box-shadow: none; @dialog-header-box-shadow: none;
@dialog-header-padding: 20px 20px; @dialog-header-padding: 20px 20px;
@dialog-header-font-family: @general-font-family; @dialog-header-font-family: @general-font-family;
@dialog-header-font-size: 16px; @dialog-header-font-size: 16px;
@dialog-header-font-weight: normal; @dialog-header-font-weight: normal;
@dialog-content-color: #f1f1f1;
@dialog-content-background: darken(@element-border, @darken-chrome); @dialog-content-background: darken(@element-border, @darken-chrome);
@dialog-content-dark-background-color: @dialog-content-background; @dialog-content-dark-background-color: @dialog-content-background;
@dialog-content-dark-gradient: linear-gradient(top, transparent 0%, transparent 100%); @dialog-content-dark-gradient: linear-gradient(top, transparent 0%, transparent 100%);
@ -684,17 +685,17 @@
@datagrid-font-family: @general-font-family; @datagrid-font-family: @general-font-family;
@datagrid-font-size: 12px; @datagrid-font-size: 12px;
@datagrid-color: darken(#333, @darken-chrome); @datagrid-color: darken(#f1f1f1, @darken-chrome);
@datagrid-background: darken(#fbfbfb, @darken-chrome); @datagrid-background: @element-background;
@datagrid-heading-color: darken(#333, @darken-chrome); @datagrid-heading-color: darken(#f1f1f1, @darken-chrome);
@datagrid-heading-background: darken(#f7f7f7, @darken-chrome); @datagrid-heading-background: @element-dark-highlight-color;
@datagrid-heading-padding: 6px 4px 5px 7px; @datagrid-heading-padding: 6px 4px 5px 7px;
@datagrid-heading-border-color: darken(#ececec, @darken-chrome); @datagrid-heading-border-color: transparent;
@datagrid-heading-hover-color: darken(#333, @darken-chrome); @datagrid-heading-hover-color: darken(#f1f1f1, @darken-chrome);
@datagrid-heading-hover-background: darken(#ececec, @darken-chrome); @datagrid-heading-hover-background: darken(#191919, @darken-chrome);
@datagrid-selected-color: @selected-color; @datagrid-selected-color: @selected-color;
@datagrid-selected-background: darken(#EFEFEF, @darken-chrome); @datagrid-selected-background: @selected-background;
@datagrid-selected-focus-color: @selected-focus-color; @datagrid-selected-focus-color: @selected-focus-color;
@datagrid-selected-focus-background: @selected-focus-background; @datagrid-selected-focus-background: @selected-focus-background;
@ -866,10 +867,10 @@
@button-green-color: @button-grey-color; @button-green-color: @button-grey-color;
@button-green-text-shadow: none; @button-green-text-shadow: none;
@button-green-idle-gradient: linear-gradient(bottom, #98c878 0%, #98c878 100%); @button-green-idle-gradient: linear-gradient(bottom, #6BB33A 0%, #6BB33A 100%);
@button-green-over-gradient: linear-gradient(bottom, #A5D288 0%, #A5D288 100%); @button-green-over-gradient: linear-gradient(bottom, #539427 0%, #539427 100%);
@button-green-focus-gradient: linear-gradient(bottom, #98c878 0%, #98c878 100%); @button-green-focus-gradient: linear-gradient(bottom, #6BB33A 0%, #6BB33A 100%);
@button-green-down-gradient: linear-gradient(bottom, #98c878 0%, #98c878 100%); @button-green-down-gradient: linear-gradient(bottom, #6BB33A 0%, #6BB33A 100%);
@button-green-disabled-gradient: linear-gradient(bottom, rgb(218, 218, 218) 0%, rgb(218, 218, 218) 100%); @button-green-disabled-gradient: linear-gradient(bottom, rgb(218, 218, 218) 0%, rgb(218, 218, 218) 100%);
@button-green-idle-border-top: 0; @button-green-idle-border-top: 0;
@ -893,11 +894,11 @@
@button-red-color: @button-grey-color; @button-red-color: @button-grey-color;
@button-red-text-shadow: none; @button-red-text-shadow: none;
@button-red-idle-gradient: linear-gradient(bottom, #f06767 0%, #f06767 100%); @button-red-idle-gradient: linear-gradient(bottom, #EA4646 0%, #EA4646 100%);
@button-red-over-gradient: linear-gradient(bottom, #F28484 0%, #F28484 100%); @button-red-over-gradient: linear-gradient(bottom, #CC3C3C 0%, #CC3C3C 100%);
@button-red-focus-gradient: linear-gradient(bottom, #f06767 0%, #f06767 100%); @button-red-focus-gradient: linear-gradient(bottom, #EA4646 0%, #EA4646 100%);
@button-red-down-gradient: linear-gradient(bottom, #f06767 0%, #f06767 100%); @button-red-down-gradient: linear-gradient(bottom, #EA4646 0%, #EA4646 100%);
@button-red-disabled-gradient: linear-gradient(bottom, #f06767 0%, #f06767 100%); @button-red-disabled-gradient: linear-gradient(bottom, #EA4646 0%, #EA4646 100%);
@button-red-idle-border-top: 0; @button-red-idle-border-top: 0;
@button-red-over-border-top: 0; @button-red-over-border-top: 0;
@ -1025,7 +1026,7 @@
@tree-row-height: 22px; @tree-row-height: 22px;
@tree-first-row-margin-right: 40px; @tree-first-row-margin-right: 40px;
@tree-heading-color: darken(#e0e3e8, @darken-chrome); @tree-heading-color: darken(#747474, @darken-chrome);
@tree-heading-text-shadow: none; @tree-heading-text-shadow: none;
@tree-editor-color: darken(#101010, @darken-chrome); @tree-editor-color: darken(#101010, @darken-chrome);
@ -1169,22 +1170,22 @@
@preferences-datagrid-font-smoothing: true; @preferences-datagrid-font-smoothing: true;
@preferences-datagrid-row-height: 24px; @preferences-datagrid-row-height: 24px;
@preferences-datagrid-cell-padding: 4px 0 2px 8px; @preferences-datagrid-cell-padding: 4px 0 2px 8px;
@preferences-datagrid-header-background: darken(#767676, @darken-chrome); @preferences-datagrid-header-background: @datagrid-heading-background;
@preferences-datagrid-header-font-weight: bold; @preferences-datagrid-header-font-weight: normal;
@preferences-datagrid-header-color: darken(#FFF, @darken-chrome); @preferences-datagrid-header-color: @datagrid-heading-color;
@preferences-datagrid-header-padding: 4px 4px 6px 8px; @preferences-datagrid-header-padding: 4px 4px 6px 8px;
@preferences-datagrid-header-border-bottom: 0; @preferences-datagrid-header-border-bottom: 0;
@preferences-datagrid-header-hover-background: #848484; @preferences-datagrid-header-hover-background: @datagrid-heading-hover-background;
@preferences-datagrid-header-hover-color: #FFF; @preferences-datagrid-header-hover-color: @datagrid-heading-hover-color;
@preferences-datagrid-background: darken(#FFF, @darken-chrome); @preferences-datagrid-background: @datagrid-background;
@preferences-datagrid-border: darken(#1c1c1c, @darken-chrome); @preferences-datagrid-border: transparent;
@preferences-datagrid-border-radius: 4px; @preferences-datagrid-border-radius: 4px;
@preferences-datagrid-font-family: @general-font-family; @preferences-datagrid-font-family: @general-font-family;
@preferences-datagrid-font-size: @general-font-size; @preferences-datagrid-font-size: @general-font-size;
@preferences-datagrid-color: darken(#e0e3e8, @darken-chrome); @preferences-datagrid-color: @datagrid-color;
@preferences-datagrid-box-shadow: none; @preferences-datagrid-box-shadow: none;
@preferences-datagrid-focus-border: darken(#1c1c1c, @darken-chrome); @preferences-datagrid-focus-border: transparent;
@preferences-datagrid-group-background: darken(#EEEEEE, @darken-chrome); @preferences-datagrid-group-background: darken(#383838, @darken-chrome);
@preferences-datagrid-group-box-shadow: none; @preferences-datagrid-group-box-shadow: none;
@preferences-datagrid-group-first-child-box-shadow: none; @preferences-datagrid-group-first-child-box-shadow: none;
@preferences-datagrid-group-toggler-top: -1px; @preferences-datagrid-group-toggler-top: -1px;
@ -1719,4 +1720,5 @@
@element-chrome-highlight: #dadada; @element-chrome-highlight: #dadada;
@element-chrome-text-color: #767676; @element-chrome-text-color: #767676;
@element-highlight-color: #c0dabe; @element-highlight-color: #c0dabe;
@element-dark-highlight-color: #252525;
@element-background-hover: #282828; @element-background-hover: #282828;

1
plugins/c9.ide.layout.classic/themes/default-light-gray.less
Wyświetl plik

@ -594,6 +594,7 @@
@dialog-header-font-size: 14px; @dialog-header-font-size: 14px;
@dialog-header-font-weight: bold; @dialog-header-font-weight: bold;
@dialog-content-color: #222;
@dialog-content-background: darken(#dfdfe0, @darken-chrome) url("@{image-path}/modalbg.png") repeat 0 0; @dialog-content-background: darken(#dfdfe0, @darken-chrome) url("@{image-path}/modalbg.png") repeat 0 0;
@dialog-content-dark-background-color: darken(#303130, @darken-chrome); @dialog-content-dark-background-color: darken(#303130, @darken-chrome);
@dialog-content-dark-gradient: linear-gradient(top,rgba(0, 0, 0, 0.29) 0%, rgba(0, 0, 0, 0.11) 8px, rgba(0, 0, 0, 0.01) 13px, transparent 15px); @dialog-content-dark-gradient: linear-gradient(top,rgba(0, 0, 0, 0.29) 0%, rgba(0, 0, 0, 0.11) 8px, rgba(0, 0, 0, 0.01) 13px, transparent 15px);

1
plugins/c9.ide.layout.classic/themes/default-light.less
Wyświetl plik

@ -594,6 +594,7 @@
@dialog-header-font-size: 14px; @dialog-header-font-size: 14px;
@dialog-header-font-weight: bold; @dialog-header-font-weight: bold;
@dialog-content-color: #222;
@dialog-content-background: darken(#dfdfe0, @darken-chrome) url("@{image-path}/modalbg.png") repeat 0 0; @dialog-content-background: darken(#dfdfe0, @darken-chrome) url("@{image-path}/modalbg.png") repeat 0 0;
@dialog-content-dark-background-color: darken(#303130, @darken-chrome); @dialog-content-dark-background-color: darken(#303130, @darken-chrome);
@dialog-content-dark-gradient: linear-gradient(top,rgba(0, 0, 0, 0.29) 0%, rgba(0, 0, 0, 0.11) 8px, rgba(0, 0, 0, 0.01) 13px, transparent 15px); @dialog-content-dark-gradient: linear-gradient(top,rgba(0, 0, 0, 0.29) 0%, rgba(0, 0, 0, 0.11) 8px, rgba(0, 0, 0, 0.01) 13px, transparent 15px);

27
plugins/c9.ide.layout.classic/themes/flat-dark.less
Wyświetl plik

@ -143,8 +143,8 @@
border-color: @element-background; border-color: @element-background;
} }
.cbofflineChecked:after{ .cbofflineChecked:after{
border-color: #97c974; border-color: @selected-focus-background;
background-color: #97c974; background-color: @selected-focus-background;
} }
.cboffline:hover{ .cboffline:hover{
background: @element-background-hover; background: @element-background-hover;
@ -176,6 +176,17 @@
color: #98c878; color: #98c878;
} }
.searchbox .ace_editor{
.font-smoothing(true);
}
.searchbox .ace-tm .ace_cursor{
color: @textbox-color;
}
.bar-preferences .taFocus,
.bar-preferences .ta:hover,
.taFocus, .ta:hover,
.searchbox .sbtb_middle:hover, .searchbox .sbtb_middle:hover,
.searchboxFocus .sbtb_middle, .searchboxFocus .sbtb_middle,
.bar-preferences .tbsimpleFocus, .bar-preferences .tbsimpleFocus,
@ -185,6 +196,18 @@
border: 1px solid transparent; border: 1px solid transparent;
} }
.panel-bar .searchbox .sbtb_middle{
background: #232323;
}
.panel-bar .searchbox .sbtb_middle:hover,
.panel-bar .searchboxFocus .sbtb_middle {
background: #202020;
}
.has_apf .bar-preferences .blackdg{
border: 0;
}
@media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx) { @media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx) {