diff --git a/chrome.manifest b/chrome.manifest index 425e618..61e741a 100644 --- a/chrome.manifest +++ b/chrome.manifest @@ -2,6 +2,3 @@ content abyss-skin content/ skin abyss-skin classic/1.0 skin/ locale abyss-skin en-US locale/en-US/ overlay chrome://komodo/content/pref/pref-ui.xul chrome://abyss-skin/content/overlay_pref-ui.xul - -# Use custom scrollbars -category komodo-skins-use-custom-scrollbars chrome://abyss-skin/content/manifest/chrome.manifest yes diff --git a/content/platform/mac/platform.less b/content/platform/mac/platform.less index 37ed9a7..aeb2cde 100644 --- a/content/platform/mac/platform.less +++ b/content/platform/mac/platform.less @@ -6,7 +6,12 @@ menupopup { label { - font-size: 80%; + // Force static font size on mac + // Something is causing inconsistencies making relative font sizing + // impossible + // Todo: Figure out what's causing these inconsistencies + // eg. pref popup and editor popup + font-size: 12px; } .menu-accel-container, @@ -20,3 +25,37 @@ menupopup { padding-bottom: 2px; } + +page[containerOrient="vertical"] +{ + -moz-appearance: none !important; +} + +#main-toolboxrow toolbar > toolbaritem +{ + &, & > toolbarbutton + { + border: 0 !important; + box-shadow: none !important; + } +} + +.widgetToolbarWrap, +.widgetToolbarWrap:-moz-window-inactive, +.widgetToolbarWrap:not(.embedded), +.widgetToolbarWrap:not(.embedded):-moz-window-inactive +{ + background: transparent !important; +} + +ko-pane tabpanel, +page[containerOrient="vertical"] +{ + -moz-appearance: none !important; + background: @window-background; +} + +tabs:not(.tabs-bottom) tab[selected="true"]:-moz-window-inactive +{ + background: @tab-selected-background !important; +} diff --git a/content/platform/win/platform.less b/content/platform/win/platform.less index 74ae371..151e890 100644 --- a/content/platform/win/platform.less +++ b/content/platform/win/platform.less @@ -18,7 +18,7 @@ tabpanels caption menuitem[type="checkbox"] > .menu-iconic-left { min-width: 2.45em; - min-height: 17px; + min-height: 16px; } menuitem.languageicon[type="checkbox"] image @@ -26,3 +26,17 @@ menuitem.languageicon[type="checkbox"] image margin-left: 22px !important; margin-right: 4px !important; } + +view tabbox:not(.tabs-bottom) > tabpanels, +#workspace_bottom_area, +#statusbarviewbox, +#customizingPlaceHolder +{ + border-left: 0 !important; + border-right: 0 !important; +} + +#komodo-box +{ + padding-top: 0 !important; +} \ No newline at end of file diff --git a/install.rdf b/install.rdf index 2e537bb..097edbd 100644 --- a/install.rdf +++ b/install.rdf @@ -16,16 +16,16 @@ {36E66FA0-F259-11D9-850E-000D935D3368} - 8.5.0-alpha1 - 8.* + 9.1 + 9.* {b1042fb5-9e9c-11db-b107-000d935d3368} - 8.5.0-alpha1 - 8.* + 9.1 + 9.* diff --git a/skin/_config/icons.less b/skin/_config/icons.less index 307747c..1b4d5ac 100644 --- a/skin/_config/icons.less +++ b/skin/_config/icons.less @@ -5,12 +5,12 @@ @icon-project: url("chrome://fugue/skin/icons/blue-folder-open-document.png"); @icon-new-project: @icon-project; -@icon-checkbox: url("@{icon-url-prefix}checkbox-unchecked3.png"); -@icon-checkbox-checked: url("@{icon-url-prefix}checkbox-checked2.png"); -@icon-radio: url("@{icon-url-prefix}radio-unchecked.png"); -@icon-radio-selected: url("@{icon-url-prefix}radio-checked.png"); +@icon-checkbox: url("@{icon-url-prefix}checkbox-unchecked.svg"); +@icon-checkbox-checked: url("@{icon-url-prefix}checkbox-checked.svg"); +@icon-radio: url("@{icon-url-prefix}radio-unchecked.svg"); +@icon-radio-selected: url("@{icon-url-prefix}radio-checked.svg"); -@icon-menu-arrow: url("@{icon-url-prefix}arrow-right3.png"); +@icon-menu-arrow: url("@{icon-url-prefix}arrow-right3.svg"); /* Breadcrumbs */ @icon-breadcrumb-project: @icon-project; diff --git a/skin/_config/modules.less b/skin/_config/modules.less index a5d3c60..88a9342 100644 --- a/skin/_config/modules.less +++ b/skin/_config/modules.less @@ -33,15 +33,6 @@ @tab-debug-selected-text-shadow: none; @tab-debug-selected-box-shadow: none; -@startpage-background: @window-background -moz-linear-gradient(-90deg , rgba(255,255,255,0) 0%, rgba(0,0,0,0.1) 100%); -@startpage-color: @window-color; -@startpage-quicklinks-background: @startpage-background; -@startpage-heading-font: inherit; -@startpage-heading-background: darken(@window-background, 3%) -moz-linear-gradient(90deg , rgba(255,255,255,0) 0%, rgba(0,0,0,0.1) 100%); -@startpage-heading-color: darken(@window-color, 5%); -@startpage-heading-text-shadow: none; -@startpage-border-color: @main-border-color; - @breadcrumb-color: @window-color; @breadcrumb-bar-background: darken(@window-background, 3%); @breadcrumb-border-color: lighten(@main-border-color, 2%); diff --git a/skin/_config/panes.less b/skin/_config/panes.less index 94bb472..9d07278 100644 --- a/skin/_config/panes.less +++ b/skin/_config/panes.less @@ -9,7 +9,7 @@ @panel-separator-shadow: inherit; -@widget-splitter-background: -moz-linear-gradient(left, rgba(0,0,0,0.01) 0%, rgba(0,0,0,0.25) 10%, rgba(0,0,0,0.35) 50%, rgba(0,0,0,0.25) 90%, rgba(0,0,0,0.01) 100%); +@widget-splitter-background: rgba(0,0,0,0.35); @pane-splitter-appearance: none; @pane-splitter-border-width: 0 1px 0 0; diff --git a/skin/_config/tabs.less b/skin/_config/tabs.less index 25ea7fb..d6debc1 100644 --- a/skin/_config/tabs.less +++ b/skin/_config/tabs.less @@ -1,5 +1,6 @@ @import url("chrome://komodo/skin/plat/current/_config/tabs.less"); +@tab-box-appearance: none; @tab-box-box-shadow: none; @tab-box-border: 1px solid lighten(@main-border-color, 2%); @tab-box-background-color: @window-background; @@ -7,6 +8,8 @@ @tab-box-background-image-vertical: none; @tab-box-background-icons: -moz-linear-gradient(-90deg , rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.3) 100%); @tab-box-box-shadow-icons: none; +@tab-box-background-inactive: @tab-box-background-color @tab-box-background-image; +@tab-box-background-icons-inactive: @tab-box-background-icons; @tab-box-content-background-color: lighten(@window-background, 2%); @tab-box-content-color: darken(@window-color, 15%); @@ -60,15 +63,15 @@ @tab-icons-border-radius: 4px; @tab-icons-box-shadow: none; -@tab-icons-hover-background: rgba(0,0,0, 0.25); -@tab-icons-hover-border: 1px solid rgba(255, 255, 255, 0.1); +@tab-icons-hover-background: @tab-icons-background; +@tab-icons-hover-border: @tab-icons-border; @tab-icons-hover-border-radius: @tab-icons-border-radius; -@tab-icons-hover-box-shadow: none; +@tab-icons-hover-box-shadow: @tab-icons-box-shadow; -@tab-icons-selected-background: -moz-linear-gradient(top, rgba(80, 157, 212, 0.1) 5%, rgba(80, 157, 212, 0.2) 100%); -@tab-icons-selected-border: 1px solid lighten(@main-border-color, 1%); +@tab-icons-selected-background: @tab-icons-background; +@tab-icons-selected-border: @tab-icons-border; @tab-icons-selected-border-radius: @tab-icons-border-radius; -@tab-icons-selected-box-shadow: none; +@tab-icons-selected-box-shadow: @tab-icons-box-shadow; @tab-icons-selected-opacity: 1.0; -@tab-icons-unselected-opacity: 1.0; +@tab-icons-unselected-opacity: 0.5; diff --git a/skin/_config/window.less b/skin/_config/window.less index 44a6f73..a221d9b 100644 --- a/skin/_config/window.less +++ b/skin/_config/window.less @@ -112,7 +112,8 @@ @statusbar-border-style: solid; @statusbar-border-color: @main-border-color; @statusbar-panel-border-image: none; -@statusbar-button-border: 1px solid transparent; +@statusbar-button-border: 0; +@statusbar-button-border-hover: 0; @list-tree-appearance: none; @list-tree-background: lighten(@window-background, 5%); @@ -127,9 +128,9 @@ @list-tree-item-color-selected: lighten(@list-tree-item-color, 10%); @list-tree-item-color-focus: lighten(@list-tree-item-color, 20%); @list-tree-row-background: transparent; -@list-tree-row-background-odd: rgba(0, 0, 0, 0.1); -@list-tree-row-background-selected: -moz-linear-gradient(top, rgba(80, 157, 212, 0.05) 15%, rgba(80, 157, 212, 0.1) 100%); -@list-tree-row-background-focus: -moz-linear-gradient(top, rgba(80, 157, 212, 0.1) 15%, rgba(80, 157, 212, 0.2) 100%); +@list-tree-row-background-odd: disabled; +@list-tree-row-background-selected: #293239; +@list-tree-row-background-focus: #30404B; @list-listbox-appearance: @list-tree-appearance; @list-listbox-background: @list-tree-background; diff --git a/skin/abyss.png b/skin/abyss.png old mode 100644 new mode 100755 diff --git a/skin/modules.less b/skin/modules.less index 1478a12..0f0a958 100644 --- a/skin/modules.less +++ b/skin/modules.less @@ -9,4 +9,4 @@ page#addons-page .header-button { box-shadow: none; -} \ No newline at end of file +} diff --git a/skin/window.less b/skin/window.less index 1fd4b70..03995dd 100644 --- a/skin/window.less +++ b/skin/window.less @@ -6,7 +6,7 @@ splitter.multiview_splitter min-height: 3px; } -#topview tabpanel view:not([type="startpage"]) +#topview tabpanel view { margin-left: 0; margin-right: 0; @@ -28,7 +28,7 @@ button minimap { - background-color: @main-border-color; + border-left: 1px solid @main-border-color !important; } page :not(toolbarbutton):not(toolbaritem), @@ -58,3 +58,20 @@ window#komodo_main :not(toolbarbutton):not(toolbaritem) padding: 6px; } } + + +notification +{ + -moz-appearance: @window-appearance; + background: @window-background; + color: @window-color; +} + +treechildren:not(.autocomplete-treebody)::-moz-tree-row +{ + -moz-border-top-colors: transparent; + -moz-border-right-colors: transparent; + -moz-border-left-colors: transparent; + -moz-border-bottom-colors: transparent; + outline: 0 !important; +}