├── title.png ├── tweaks.png ├── gtk-2.0 ├── Icons │ └── close.png ├── Handle │ ├── dimple.png │ ├── pane-vert.png │ ├── pane-horiz.png │ └── resize_grip.png ├── Sidebar │ └── handle.png └── Button │ ├── mode_normal.png │ ├── mode_prelight.png │ └── mode_pressed.png ├── gtk-3.0 ├── assets │ ├── min.png │ ├── close.png │ ├── close_prelight.png │ ├── max_prelight.png │ ├── max_unfocused.png │ ├── min_prelight.png │ ├── min_unfocused.png │ ├── close_unfocused.png │ ├── close.svg │ ├── min_unfocused.svg │ ├── close_unfocused.svg │ ├── maximize_unfocused.svg │ ├── maximize_unfocused1.svg │ ├── maximize.svg │ ├── maximize_prelight.svg │ ├── maximize_pressed.svg │ ├── min.svg │ ├── min_pressed.svg │ ├── min_prelight.svg │ ├── close_pressed.svg │ ├── close_prelight.svg │ ├── pane-handle.svg │ ├── button-back-dark@2.svg │ ├── button-back-rtl-dark.svg │ ├── button-back-rtl-dark@2.svg │ ├── check-active.svg │ ├── check-active-focus.svg │ ├── check-active-focus-dark.svg │ ├── check-active-dark.svg │ ├── radio-active-focus.svg │ ├── button-back-dark.svg │ ├── radio-active.svg │ ├── check-active-focus@2.svg │ ├── check-active-focus-dark@2.svg │ ├── check-active@2.svg │ ├── radio.svg │ ├── check-active-dark@2.svg │ ├── radio-focus.svg │ ├── radio-active-focus@2.svg │ ├── radio-active-focus-dark.svg │ └── radio-active-dark.svg ├── settings.ini ├── animate.css ├── gtk.css ├── granite-widgets-dark.css ├── gtk-dark.css └── os-x-buttons.css ├── .gitignore ├── index.theme ├── README.md └── plank └── dock.theme /title.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yarik-vv/OS-X-buttons/HEAD/title.png -------------------------------------------------------------------------------- /tweaks.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yarik-vv/OS-X-buttons/HEAD/tweaks.png -------------------------------------------------------------------------------- /gtk-2.0/Icons/close.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yarik-vv/OS-X-buttons/HEAD/gtk-2.0/Icons/close.png -------------------------------------------------------------------------------- /gtk-3.0/assets/min.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yarik-vv/OS-X-buttons/HEAD/gtk-3.0/assets/min.png -------------------------------------------------------------------------------- /gtk-2.0/Handle/dimple.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yarik-vv/OS-X-buttons/HEAD/gtk-2.0/Handle/dimple.png -------------------------------------------------------------------------------- /gtk-3.0/assets/close.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yarik-vv/OS-X-buttons/HEAD/gtk-3.0/assets/close.png -------------------------------------------------------------------------------- /gtk-2.0/Handle/pane-vert.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yarik-vv/OS-X-buttons/HEAD/gtk-2.0/Handle/pane-vert.png -------------------------------------------------------------------------------- /gtk-2.0/Sidebar/handle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yarik-vv/OS-X-buttons/HEAD/gtk-2.0/Sidebar/handle.png -------------------------------------------------------------------------------- /gtk-2.0/Button/mode_normal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yarik-vv/OS-X-buttons/HEAD/gtk-2.0/Button/mode_normal.png -------------------------------------------------------------------------------- /gtk-2.0/Handle/pane-horiz.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yarik-vv/OS-X-buttons/HEAD/gtk-2.0/Handle/pane-horiz.png -------------------------------------------------------------------------------- /gtk-2.0/Handle/resize_grip.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yarik-vv/OS-X-buttons/HEAD/gtk-2.0/Handle/resize_grip.png -------------------------------------------------------------------------------- /gtk-2.0/Button/mode_prelight.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yarik-vv/OS-X-buttons/HEAD/gtk-2.0/Button/mode_prelight.png -------------------------------------------------------------------------------- /gtk-2.0/Button/mode_pressed.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yarik-vv/OS-X-buttons/HEAD/gtk-2.0/Button/mode_pressed.png -------------------------------------------------------------------------------- /gtk-3.0/assets/close_prelight.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yarik-vv/OS-X-buttons/HEAD/gtk-3.0/assets/close_prelight.png -------------------------------------------------------------------------------- /gtk-3.0/assets/max_prelight.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yarik-vv/OS-X-buttons/HEAD/gtk-3.0/assets/max_prelight.png -------------------------------------------------------------------------------- /gtk-3.0/assets/max_unfocused.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yarik-vv/OS-X-buttons/HEAD/gtk-3.0/assets/max_unfocused.png -------------------------------------------------------------------------------- /gtk-3.0/assets/min_prelight.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yarik-vv/OS-X-buttons/HEAD/gtk-3.0/assets/min_prelight.png -------------------------------------------------------------------------------- /gtk-3.0/assets/min_unfocused.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yarik-vv/OS-X-buttons/HEAD/gtk-3.0/assets/min_unfocused.png -------------------------------------------------------------------------------- /gtk-3.0/assets/close_unfocused.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yarik-vv/OS-X-buttons/HEAD/gtk-3.0/assets/close_unfocused.png -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # https://git-scm.com/docs/gitignore 2 | # https://help.github.com/articles/ignoring-files 3 | # Example .gitignore files: https://github.com/github/gitignore 4 | /bower_components/ 5 | /node_modules/ -------------------------------------------------------------------------------- /index.theme: -------------------------------------------------------------------------------- 1 | [Desktop Entry] 2 | Type=X-GNOME-Metatheme 3 | Name=OS-X-buttons 4 | Comment=OS X buttons for elementary OS by yarik-vv 5 | Encoding=UTF-8 6 | 7 | Name[en_US]=OS-X-buttons 8 | 9 | [X-GNOME-Metatheme] 10 | GtkTheme=elementary 11 | IconTheme=elementary 12 | CursorTheme=DMZ-Black 13 | ButtonLayout=close:maximize 14 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 |
2 | 3 |
4 | 5 | # macOS buttons for Elementary OS Loki 6 | This is close, minimize, maximize buttons in macOS (Yosemite, El Capitan, Sierra) style for default theme Elementary OS. 7 | >Different states of buttons can see here - [[click]](https://gfycat.com/ifr/FlimsyNaughtyGerenuk?speed=2). 8 | 9 | ## Install guide 10 | - Use root and copy `OS-X-buttons` folder to this path `/usr/share/themes/`. Folder `OS-X-buttons` must be in `themes` directory. 11 | - Use elementary-tweaks to apply a theme. Go to `Appearance/GTK+` and select `OS-X-buttons` in dropdown list. 12 | 13 |
14 | 15 |
-------------------------------------------------------------------------------- /gtk-3.0/settings.ini: -------------------------------------------------------------------------------- 1 | [Settings] 2 | gtk_color_scheme = "bg_color:#DEDEDE\nselected_bg_color:#A9C3D9\nbase_color:#FFF" # Background, base 3 | gtk_color_scheme = "fg_color:#4D4D4D\nselected_fg_color:#FFF\ntext_color:#4D4D4D" # Foreground, text 4 | gtk_color_scheme = "tooltip_bg_color:#000\ntooltip_fg_color:#FFF" # Tooltips 5 | gtk_color_scheme = "link_color:#08C" # Hyperlinks 6 | gtk_color_scheme = "frame_color:#D1D1D1\ninactive_frame_color:#D1D1D1" # Fix for Chrome 7 | gtk_color_scheme = "bg_color_dark:#383838\ntext_color_dark:#FFF" # Dark colors 8 | 9 | gtk-auto-mnemonics = 1 10 | 11 | gtk-decoration-layout = "close:menu,maximize" 12 | -------------------------------------------------------------------------------- /gtk-3.0/animate.css: -------------------------------------------------------------------------------- 1 | /* Copyright 2016 elementary LLC. 2 | * 3 | * This file is part of the elementary GTK theme. 4 | * 5 | * The elementary GTK theme is free software: you can redistribute it 6 | * and/or modify it under the terms of the GNU General Public License as 7 | * published by the Free Software Foundation, either version 3 of the 8 | * License, or (at your option) any later version. 9 | * 10 | * The elementary GTK theme is distributed in the hope that it will be 11 | * useful, but WITHOUT ANY WARRANTY; without even the implied warranty of 12 | * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General 13 | * Public License for more details. 14 | * 15 | * You should have received a copy of the GNU General Public License along 16 | * with the elementary GTK theme. If not, see http://www.gnu.org/licenses/. 17 | */ 18 | 19 | .pulse { 20 | animation: pulse 500ms ease-in-out infinite; 21 | animation-direction: alternate; 22 | } 23 | 24 | .pulse.attention { 25 | color: @attention_color; 26 | } 27 | 28 | .pulse.success { 29 | color: @success_color; 30 | } 31 | 32 | .pulse.warning { 33 | color: @warning_color; 34 | } 35 | 36 | .pulse.error { 37 | color: @error_color; 38 | } 39 | 40 | @keyframes pulse { 41 | 0% { 42 | color: inherit; 43 | } 44 | } 45 | 46 | .shake { 47 | animation: shake 0.4s ease-in-out 1; 48 | } 49 | 50 | @keyframes shake { 51 | 0% { padding-left: 0; } 52 | 25% { padding-left: 64px; } 53 | 50% { padding-left: 0; } 54 | 75% { padding-left: 32px; } 55 | 100% { padding-left: 0; } 56 | } 57 | 58 | .spin { 59 | animation: spin 600ms linear infinite; 60 | } 61 | 62 | @keyframes spin { 63 | to { 64 | -gtk-icon-transform: rotate(1turn); 65 | } 66 | } 67 | -------------------------------------------------------------------------------- /plank/dock.theme: -------------------------------------------------------------------------------- 1 | #This file auto-generated by Plank. 2 | #2016-09-12T17:14:16+0000 3 | 4 | [PlankTheme] 5 | #The roundness of the top corners. 6 | TopRoundness=4 7 | #The roundness of the bottom corners. 8 | BottomRoundness=0 9 | #The thickness (in pixels) of lines drawn. 10 | LineWidth=1 11 | #The color (RGBA) of the outer stroke. 12 | OuterStrokeColor=0;;0;;0;;95 13 | #The starting color (RGBA) of the fill gradient. 14 | FillStartColor=255;;255;;255;;215 15 | #The ending color (RGBA) of the fill gradient. 16 | FillEndColor=235;;235;;235;;215 17 | #The color (RGBA) of the inner stroke. 18 | InnerStrokeColor=255;;255;;255;;245 19 | 20 | [PlankDockTheme] 21 | #The padding on the left/right dock edges, in tenths of a percent of IconSize. 22 | HorizPadding=0 23 | #The padding on the top dock edge, in tenths of a percent of IconSize. 24 | TopPadding=-7 25 | #The padding on the bottom dock edge, in tenths of a percent of IconSize. 26 | BottomPadding=1.5 27 | #The padding between items on the dock, in tenths of a percent of IconSize. 28 | ItemPadding=3 29 | #The size of item indicators, in tenths of a percent of IconSize. 30 | IndicatorSize=5 31 | #The size of the icon-shadow behind every item, in tenths of a percent of IconSize. 32 | IconShadowSize=1.2 33 | #The height (in percent of IconSize) to bounce an icon when the application sets urgent. 34 | UrgentBounceHeight=1.6666666666666667 35 | #The height (in percent of IconSize) to bounce an icon when launching an application. 36 | LaunchBounceHeight=0.625 37 | #The opacity value (0 to 1) to fade the dock to when hiding it. 38 | FadeOpacity=1 39 | #The amount of time (in ms) for click animations. 40 | ClickTime=300 41 | #The amount of time (in ms) to bounce an urgent icon. 42 | UrgentBounceTime=0 43 | #The amount of time (in ms) to bounce an icon when launching an application. 44 | LaunchBounceTime=600 45 | #The amount of time (in ms) for active window indicator animations. 46 | ActiveTime=300 47 | #The amount of time (in ms) to slide icons into/out of the dock. 48 | SlideTime=300 49 | #The time (in ms) to fade the dock in/out on a hide (if FadeOpacity is < 1). 50 | FadeTime=250 51 | #The time (in ms) to slide the dock in/out on a hide (if FadeOpacity is 1). 52 | HideTime=200 53 | #The size of the urgent glow (shown when dock is hidden), in tenths of a percent of IconSize. 54 | GlowSize=0 55 | #The total time (in ms) to show the hidden-dock urgent glow. 56 | GlowTime=0 57 | #The time (in ms) of each pulse of the hidden-dock urgent glow. 58 | GlowPulseTime=0 59 | #The hue-shift (-180 to 180) of the urgent indicator color. 60 | UrgentHueShift=150 61 | #The time (in ms) to move an item to its new position or its addition/removal to/from the dock. 62 | ItemMoveTime=200 63 | #Whether background and icons will unhide/hide with different speeds. The top-border of both will leave/hit the screen-edge at the same time. 64 | CascadeHide=true 65 | -------------------------------------------------------------------------------- /gtk-3.0/assets/close.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | 20 | 42 | 44 | 45 | 47 | image/svg+xml 48 | 50 | 51 | 52 | 53 | 54 | 59 | 63 | 66 | 71 | 76 | 77 | 78 | 79 | 80 | -------------------------------------------------------------------------------- /gtk-3.0/assets/min_unfocused.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | 20 | 42 | 44 | 45 | 47 | image/svg+xml 48 | 50 | 51 | 52 | 53 | 54 | 59 | 63 | 66 | 71 | 76 | 77 | 78 | 79 | 80 | -------------------------------------------------------------------------------- /gtk-3.0/assets/close_unfocused.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | 20 | 42 | 44 | 45 | 47 | image/svg+xml 48 | 50 | 51 | 52 | 53 | 54 | 59 | 63 | 66 | 71 | 76 | 77 | 78 | 79 | 80 | -------------------------------------------------------------------------------- /gtk-3.0/assets/maximize_unfocused.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | 20 | 42 | 44 | 45 | 47 | image/svg+xml 48 | 50 | 51 | 52 | 53 | 54 | 59 | 63 | 66 | 71 | 76 | 77 | 78 | 79 | 80 | -------------------------------------------------------------------------------- /gtk-3.0/assets/maximize_unfocused1.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | 20 | 42 | 44 | 45 | 47 | image/svg+xml 48 | 50 | 51 | 52 | 53 | 54 | 59 | 63 | 66 | 70 | 73 | 78 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | -------------------------------------------------------------------------------- /gtk-3.0/assets/maximize.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | 20 | 42 | 44 | 45 | 47 | image/svg+xml 48 | 50 | 51 | 52 | 53 | 54 | 59 | 63 | 66 | 70 | 73 | 78 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | -------------------------------------------------------------------------------- /gtk-3.0/assets/maximize_prelight.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | 20 | 42 | 44 | 45 | 47 | image/svg+xml 48 | 50 | 51 | 52 | 53 | 54 | 59 | 63 | 66 | 71 | 74 | 79 | 84 | 85 | 86 | 87 | 88 | 89 | -------------------------------------------------------------------------------- /gtk-3.0/assets/maximize_pressed.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | 20 | 42 | 44 | 45 | 47 | image/svg+xml 48 | 50 | 51 | 52 | 53 | 54 | 59 | 63 | 66 | 71 | 74 | 79 | 84 | 85 | 86 | 87 | 88 | 89 | -------------------------------------------------------------------------------- /gtk-3.0/gtk.css: -------------------------------------------------------------------------------- 1 | /* Copyright 2011-2015 elementary LLC. 2 | * 3 | * This file is part of the elementary GTK theme. 4 | * 5 | * The elementary GTK theme is free software: you can redistribute it 6 | * and/or modify it under the terms of the GNU General Public License as 7 | * published by the Free Software Foundation, either version 3 of the 8 | * License, or (at your option) any later version. 9 | * 10 | * The elementary GTK theme is distributed in the hope that it will be 11 | * useful, but WITHOUT ANY WARRANTY; without even the implied warranty of 12 | * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General 13 | * Public License for more details. 14 | * 15 | * You should have received a copy of the GNU General Public License along 16 | * with the elementary GTK theme. If not, see http://www.gnu.org/licenses/. 17 | */ 18 | 19 | /* Brand Colors */ 20 | @define-color colorPrimary @titlebar_color; 21 | @define-color colorAccent @selected_bg_color; 22 | @define-color textColorPrimary shade (@colorPrimary, 0.5); 23 | @define-color textColorPrimaryShadow alpha (shade (@colorPrimary, 1.4), 0.6); 24 | 25 | /* Default color scheme */ 26 | @define-color base_color #FFF; 27 | @define-color bg_color shade (@base_color, 0.96); 28 | @define-color bg_highlight_color #fff; 29 | @define-color border_color alpha (#000, 0.25); 30 | @define-color fg_color #333; 31 | @define-color insensitive_color mix(@text_color, @bg_color, 0.6); 32 | @define-color inset_dark_color alpha (#000, 0.06); 33 | @define-color inset_dark_color_backdrop alpha (#000, 0.03); 34 | @define-color menu_separator alpha (#000, 0.15); 35 | @define-color menu_separator_shadow alpha (#fff, 0.8); 36 | @define-color placeholder_text_color shade(@text_color, 2.5); 37 | @define-color progress_row_trough_color #DEDEDE; 38 | @define-color selected_bg_color #3d9bda; 39 | @define-color selected_fg_color #FFF; 40 | @define-color text_color #333; 41 | @define-color text_shadow_color alpha (#fff, 0.4); 42 | @define-color titlebar_color #DEDEDE; 43 | @define-color title_color shade (@titlebar_color, 0.55); 44 | @define-color title_shadow_color alpha (#fff, 0.6); 45 | @define-color tooltip_bg_color #000; 46 | @define-color tooltip_fg_color #FFF; 47 | @define-color internal_element_color mix(@text_color, @base_color, 0.4); 48 | @define-color internal_element_prelight mix(@text_color, @base_color, 0.2); 49 | @define-color internal_element_insensitive mix(@internal_element_color, @base_color, 0.7); 50 | @define-color view_symbolic_color shade(@internal_element_color, 0.8); 51 | 52 | /* Colormap actually used by the theme, to be overridden in other css files */ 53 | @define-color theme_base_color @base_color; 54 | @define-color theme_text_color @text_color; 55 | @define-color theme_bg_color @bg_color; 56 | @define-color theme_fg_color @fg_color; 57 | @define-color theme_tooltip_bg_color @tooltip_bg_color; 58 | @define-color theme_tooltip_fg_color @tooltip_fg_color; 59 | @define-color theme_selected_bg_color @selected_bg_color; 60 | @define-color theme_selected_fg_color @selected_fg_color; 61 | @define-color attention_color #3d9bda; 62 | @define-color link_color #08C; 63 | @define-color frame_color #8a9580; 64 | @define-color inactive_frame_color #c7ccc1; 65 | @define-color warning_color #fbc02d; 66 | @define-color error_color #c92e34; 67 | @define-color success_color #73d216; 68 | @define-color orange #ee6221; 69 | @define-color purple #4a58b1; 70 | @define-color insensitive_bg_color #f4f4f2; 71 | @define-color insensitive_fg_color #a7aba7; 72 | 73 | @import url("os-x-buttons.css"); 74 | @import url("gtk-widgets.css"); 75 | @import url("granite-widgets.css"); 76 | @import url("apps.css"); 77 | @import url("animate.css"); 78 | -------------------------------------------------------------------------------- /gtk-3.0/granite-widgets-dark.css: -------------------------------------------------------------------------------- 1 | /* 2 | * Copyright (c) 2016 elementary LLC. (http://launchpad.net/egtk) 3 | * 4 | * This program is free software; you can redistribute it and/or 5 | * modify it under the terms of the GNU General Public 6 | * License as published by the Free Software Foundation; either 7 | * version 2 of the License, or (at your option) any later version. 8 | * 9 | * This program is distributed in the hope that it will be useful, 10 | * but WITHOUT ANY WARRANTY; without even the implied warranty of 11 | * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU 12 | * General Public License for more details. 13 | * 14 | * You should have received a copy of the GNU General Public 15 | * License along with this program; if not, write to the 16 | * Free Software Foundation, Inc., 59 Temple Place - Suite 330, 17 | * Boston, MA 02111-1307, USA. 18 | * 19 | * Authored by: Daniel Foré 20 | */ 21 | 22 | /*************** 23 | * Back Button * 24 | ***************/ 25 | 26 | .back-button, 27 | .titlebar .back-button { 28 | box-shadow: none; 29 | } 30 | 31 | .back-button, 32 | .titlebar .back-button { 33 | border-image: -gtk-scaled(url("assets/button-back-dark.svg"), url("assets/button-back-dark@2.svg")) 2 3 3 11 / 2px 3px 3px 11px stretch; 34 | border-width: 1px 3px 3px 11px; 35 | border-radius: 0 2.5px 2.5px 0; 36 | box-shadow: none; 37 | } 38 | 39 | .back-button:focus, 40 | .titlebar .back-button:focus { 41 | border-image: -gtk-scaled(url("assets/button-back-focus-dark.svg"), url("assets/button-back-focus-dark@2.svg")) 2 3 3 11 / 2px 3px 3px 11px stretch; 42 | border-width: 1px 3px 3px 11px; 43 | border-radius: 0 2.5px 2.5px 0; 44 | box-shadow: none; 45 | } 46 | 47 | .back-button:dir(rtl) { 48 | border-image: -gtk-scaled(url("assets/button-back-rtl-dark.svg"), url("assets/button-back-rtl-dark@2.svg")) 2 11 3 3 / 2px 11px 3px 3px stretch; 49 | border-width: 1px 11px 3px 3px; 50 | border-radius: 2.5px 0 0 2.5px; 51 | } 52 | 53 | .back-button:focus:dir(rtl) { 54 | border-image: -gtk-scaled(url("assets/button-back-focus-rtl-dark.svg"), url("assets/button-back-focus-rtl-dark@2.svg")) 2 11 3 3 / 2px 11px 3px 3px stretch; 55 | border-width: 1px 11px 3px 3px; 56 | border-radius: 2.5px 0 0 2.5px; 57 | } 58 | 59 | .back-button:backdrop { 60 | border-image: -gtk-scaled(url("assets/button-back-backdrop-dark.svg"), url("assets/button-back-backdrop-dark@2.svg")) 2 3 3 11 / 2px 3px 3px 11px stretch; 61 | border-width: 1px 3px 3px 11px; 62 | border-radius: 0 2.5px 2.5px 0; 63 | box-shadow: none; 64 | } 65 | 66 | .back-button:backdrop:dir(rtl) { 67 | border-image: -gtk-scaled(url("assets/button-back-backdrop-rtl-dark.svg"), url("assets/button-back-rtl-dark@2.svg")) 2 11 3 3 / 2px 11px 3px 3px stretch; 68 | border-width: 1px 11px 3px 3px; 69 | border-radius: 2.5px 0 0 2.5px; 70 | box-shadow: none; 71 | } 72 | 73 | .back-button:active, 74 | .back-button:hover:active, 75 | .back-button:focus:active { 76 | border-image: -gtk-scaled(url("assets/button-back-active-dark.svg"), url("assets/button-back-active-dark@2.svg")) 2 3 3 11 / 2px 3px 3px 11px stretch; 77 | border-width: 1px 3px 3px 11px; 78 | border-radius: 0 2.5px 2.5px 0; 79 | box-shadow: none; 80 | } 81 | 82 | .back-button:active:dir(rtl), 83 | .back-button:hover:active:dir(rtl), 84 | .back-button:focus:active:dir(rtl) { 85 | border-image: -gtk-scaled(url("assets/button-back-active-rtl-dark.svg"), url("assets/button-back-active-rtl-dark@2.svg")) 2 11 3 3 / 2px 11px 3px 3px stretch; 86 | border-width: 1px 11px 3px 3px; 87 | border-radius: 2.5px 0 0 2.5px; 88 | box-shadow: none; 89 | } 90 | -------------------------------------------------------------------------------- /gtk-3.0/assets/min.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | 20 | 42 | 44 | 45 | 47 | image/svg+xml 48 | 50 | 51 | 52 | 53 | 54 | 59 | 63 | 66 | 70 | 73 | 77 | 80 | 85 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | -------------------------------------------------------------------------------- /gtk-3.0/assets/min_pressed.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | 20 | 42 | 44 | 45 | 47 | image/svg+xml 48 | 50 | 51 | 52 | 53 | 54 | 59 | 63 | 66 | 70 | 75 | 78 | 83 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | -------------------------------------------------------------------------------- /gtk-3.0/assets/min_prelight.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | 20 | 42 | 44 | 45 | 47 | image/svg+xml 48 | 50 | 51 | 52 | 53 | 54 | 59 | 63 | 66 | 70 | 75 | 78 | 83 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | -------------------------------------------------------------------------------- /gtk-3.0/assets/close_pressed.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | 20 | 42 | 44 | 45 | 47 | image/svg+xml 48 | 50 | 51 | 52 | 53 | 54 | 59 | 63 | 66 | 71 | 74 | 79 | 84 | 85 | 86 | 87 | 88 | 89 | -------------------------------------------------------------------------------- /gtk-3.0/gtk-dark.css: -------------------------------------------------------------------------------- 1 | /* Copyright 2011-2015 elementary LLC. 2 | * 3 | * This file is part of the elementary GTK theme. 4 | * 5 | * The elementary GTK theme is free software: you can redistribute it 6 | * and/or modify it under the terms of the GNU General Public License as 7 | * published by the Free Software Foundation, either version 3 of the 8 | * License, or (at your option) any later version. 9 | * 10 | * The elementary GTK theme is distributed in the hope that it will be 11 | * useful, but WITHOUT ANY WARRANTY; without even the implied warranty of 12 | * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General 13 | * Public License for more details. 14 | * 15 | * You should have received a copy of the GNU General Public License along 16 | * with the elementary GTK theme. If not, see http://www.gnu.org/licenses/. 17 | */ 18 | 19 | /* Brand Colors */ 20 | @define-color colorPrimary @titlebar_color; 21 | @define-color colorAccent @selected_bg_color; 22 | @define-color textColorPrimary shade (@text_color, 0.9); 23 | @define-color textColorPrimaryShadow alpha (shade (@colorPrimary, 0.5), 0.6); 24 | 25 | /* Default color scheme */ 26 | @define-color base_color #383e41; 27 | @define-color bg_color shade (@base_color, 0.96); 28 | @define-color bg_highlight_color shade (@bg_color, 1.4); 29 | @define-color border_color alpha (#000, 0.25); 30 | @define-color fg_color #969f9d; 31 | @define-color insensitive_color mix(@bg_color, @text_color, 0.3); 32 | @define-color inset_dark_color alpha (#000, 0.03); 33 | @define-color inset_dark_color_backdrop alpha (#000, 0.03); 34 | @define-color menu_separator alpha (#000, 0.25); 35 | @define-color menu_separator_shadow alpha (#fff, 0.05); 36 | @define-color placeholder_text_color shade(@text_color, 0.8); 37 | @define-color progress_row_trough_color #DEDEDE; 38 | @define-color selected_bg_color #3d9bda; 39 | @define-color selected_fg_color #FFF; 40 | @define-color text_color #c0c6c4; 41 | @define-color text_shadow_color alpha (#000, 0.4); 42 | @define-color titlebar_color #383e41; 43 | @define-color title_color shade (@text_color, 0.9); 44 | @define-color title_shadow_color alpha (#000, 0.6); 45 | @define-color tooltip_bg_color #000; 46 | @define-color tooltip_fg_color #FFF; 47 | @define-color internal_element_color mix(@text_color, @base_color, 0.4); 48 | @define-color internal_element_prelight mix(@text_color, @base_color, 0.4); 49 | @define-color internal_element_insensitive mix(@internal_element_color, @base_color, 0.7); 50 | @define-color view_symbolic_color shade(@internal_element_color, 0.8); 51 | 52 | /* Colormap actually used by the theme, to be overridden in other css files */ 53 | @define-color theme_base_color @base_color; 54 | @define-color theme_text_color @text_color; 55 | @define-color theme_bg_color @bg_color; 56 | @define-color theme_fg_color @fg_color; 57 | @define-color theme_tooltip_bg_color @tooltip_bg_color; 58 | @define-color theme_tooltip_fg_color @tooltip_fg_color; 59 | @define-color theme_selected_bg_color @selected_bg_color; 60 | @define-color theme_selected_fg_color @selected_fg_color; 61 | @define-color attention_color #3d9bda; 62 | @define-color link_color #08C; 63 | @define-color frame_color #8a9580; 64 | @define-color inactive_frame_color #c7ccc1; 65 | @define-color warning_color #fbc02d; 66 | @define-color error_color #c92e34; 67 | @define-color success_color #73d216; 68 | @define-color metacity_color @titlebar_color; 69 | @define-color info_fg_color rgb (0, 136, 204); 70 | @define-color info_bg_color rgb (252, 252, 189); 71 | @define-color warning_fg_color rgb (173, 120, 41); 72 | @define-color warning_bg_color rgb (250, 173, 61); 73 | @define-color question_fg_color rgb (97, 122, 214); 74 | @define-color question_bg_color rgb (138, 173, 212); 75 | @define-color error_fg_color rgb (166, 38, 38); 76 | @define-color error_bg_color rgb (237, 54, 54); 77 | @define-color insensitive_bg_color #f4f4f2; 78 | @define-color insensitive_fg_color #a7aba7; 79 | 80 | @import url("os-x-buttons.css"); 81 | @import url("gtk-widgets.css"); 82 | @import url("gtk-widgets-dark.css"); 83 | @import url("granite-widgets.css"); 84 | @import url("granite-widgets-dark.css"); 85 | @import url("apps.css"); 86 | @import url("animate.css"); 87 | -------------------------------------------------------------------------------- /gtk-3.0/assets/close_prelight.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | 20 | 42 | 44 | 45 | 47 | image/svg+xml 48 | 50 | 51 | 52 | 53 | 54 | 59 | 63 | 66 | 71 | 74 | 79 | 84 | 85 | 86 | 87 | 88 | 89 | -------------------------------------------------------------------------------- /gtk-3.0/os-x-buttons.css: -------------------------------------------------------------------------------- 1 | /****************** 2 | * OS X buttons * 3 | ******************/ 4 | .selection-mode.titlebar .titlebutton.minimize, 5 | .titlebar .titlebutton.minimize { 6 | color: transparent; 7 | border:none; 8 | box-shadow: none; 9 | background-position: center; 10 | background-repeat: no-repeat; 11 | background-image: -gtk-scaled(url("assets/min.svg")); 12 | } 13 | 14 | .selection-mode.titlebar .titlebutton.minimize:backdrop, 15 | .titlebar .titlebutton.minimize:backdrop { 16 | background-image: -gtk-scaled(url("assets/min_unfocused.svg")); 17 | color: transparent; 18 | } 19 | 20 | .selection-mode.titlebar .titlebutton.minimize:hover, 21 | .selection-mode.titlebar .titlebutton.minimize:checked, 22 | .titlebar .titlebutton.minimize:hover, 23 | .titlebar .titlebutton.minimize:checked { 24 | color: transparent; 25 | border: none; 26 | box-shadow: none; 27 | background-color: transparent; 28 | background-position: center; 29 | background-repeat: no-repeat; 30 | background-image: -gtk-scaled(url("assets/min_prelight.svg")); 31 | } 32 | 33 | .selection-mode.titlebar .titlebutton.maximize, 34 | .titlebar .titlebutton.maximize { 35 | color: transparent; 36 | border: none; 37 | box-shadow: none; 38 | background-position: center; 39 | background-repeat: no-repeat; 40 | background-image: -gtk-scaled(url("assets/maximize.svg")); 41 | } 42 | 43 | .selection-mode.titlebar .titlebutton.maximize:backdrop, 44 | .titlebar .titlebutton.maximize:backdrop { 45 | background-image: -gtk-scaled(url("assets/maximize_unfocused.svg")); 46 | color: transparent; 47 | } 48 | 49 | .selection-mode.titlebar .titlebutton.maximize:hover, 50 | .selection-mode.titlebar .titlebutton.maximize:checked, 51 | .titlebar .titlebutton.maximize:hover, 52 | .titlebar .titlebutton.maximize:checked { 53 | color: transparent; 54 | border: none; 55 | box-shadow: none; 56 | background-color: transparent; 57 | background-position: center; 58 | background-repeat: no-repeat; 59 | background-image: -gtk-scaled(url("assets/maximize_prelight.svg")); 60 | } 61 | 62 | .selection-mode.titlebar .titlebutton.close, 63 | .titlebar .titlebutton.close { 64 | color: transparent; 65 | border: none; 66 | box-shadow: none; 67 | background-position: center; 68 | background-repeat: no-repeat; 69 | background-image: -gtk-scaled(url("assets/close.svg")); 70 | } 71 | 72 | .selection-mode.titlebar .titlebutton.close:backdrop, 73 | .titlebar .titlebutton.close:backdrop { 74 | background-image: -gtk-scaled(url("assets/close_unfocused.svg")); 75 | color: transparent; 76 | } 77 | 78 | .selection-mode.titlebar .titlebutton.close:hover, 79 | .selection-mode.titlebar .titlebutton.close:checked, 80 | .titlebar .titlebutton.close:hover, 81 | .titlebar .titlebutton.close:checked { 82 | color: transparent; 83 | border: none; 84 | box-shadow: none; 85 | background-color: transparent; 86 | background-position: center; 87 | background-repeat: no-repeat; 88 | background-image: -gtk-scaled(url("assets/close_prelight.svg")); 89 | } 90 | 91 | .selection-mode.titlebar .titlebutton.close:active, 92 | .titlebar .titlebutton.close:active { 93 | color: transparent; 94 | border: none; 95 | box-shadow: none; 96 | background-color: transparent; 97 | background-position: center; 98 | background-repeat: no-repeat; 99 | background-image: -gtk-scaled(url("assets/close_pressed.svg")); 100 | } 101 | 102 | .selection-mode.titlebar .titlebutton.maximize:active, 103 | .titlebar .titlebutton.maximize:active { 104 | color: transparent; 105 | border: none; 106 | box-shadow: none; 107 | background-color: transparent; 108 | background-position: center; 109 | background-repeat: no-repeat; 110 | background-image: -gtk-scaled(url("assets/maximize_pressed.svg")); 111 | } 112 | 113 | .selection-mode.titlebar .titlebutton.minimize:active, 114 | .titlebar .titlebutton.minimize:active { 115 | color: transparent; 116 | border: none; 117 | box-shadow: none; 118 | background-color: transparent; 119 | background-position: center; 120 | background-repeat: no-repeat; 121 | background-image: -gtk-scaled(url("assets/min_pressed.svg")); 122 | } 123 | 124 | -------------------------------------------------------------------------------- /gtk-3.0/assets/pane-handle.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 22 | 47 | 56 | 57 | 59 | 62 | 66 | 70 | 71 | 74 | 78 | 82 | 83 | 85 | 89 | 93 | 94 | 103 | 112 | 121 | 122 | 124 | 125 | 127 | image/svg+xml 128 | 130 | 131 | 132 | 133 | 134 | 139 | 149 | 159 | 169 | 170 | 171 | -------------------------------------------------------------------------------- /gtk-3.0/assets/button-back-dark@2.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 19 | 41 | 44 | 45 | 47 | 49 | 53 | 57 | 61 | 65 | 66 | 68 | 72 | 76 | 77 | 79 | 83 | 87 | 91 | 95 | 96 | 105 | 114 | 124 | 125 | 127 | 128 | 130 | image/svg+xml 131 | 133 | 134 | 135 | 136 | 137 | 140 | 145 | 150 | 156 | 162 | 163 | 164 | -------------------------------------------------------------------------------- /gtk-3.0/assets/button-back-rtl-dark.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 19 | 41 | 44 | 45 | 47 | 49 | 53 | 57 | 61 | 65 | 66 | 68 | 72 | 76 | 77 | 79 | 83 | 87 | 91 | 95 | 96 | 105 | 114 | 124 | 125 | 127 | 128 | 130 | image/svg+xml 131 | 133 | 134 | 135 | 136 | 137 | 140 | 145 | 150 | 156 | 162 | 163 | 164 | -------------------------------------------------------------------------------- /gtk-3.0/assets/button-back-rtl-dark@2.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 19 | 41 | 44 | 45 | 47 | 49 | 53 | 57 | 61 | 65 | 66 | 68 | 72 | 76 | 77 | 79 | 83 | 87 | 91 | 95 | 96 | 105 | 114 | 124 | 125 | 127 | 128 | 130 | image/svg+xml 131 | 133 | 134 | 135 | 136 | 137 | 140 | 145 | 150 | 156 | 162 | 163 | 164 | -------------------------------------------------------------------------------- /gtk-3.0/assets/check-active.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 19 | 39 | 41 | 43 | 47 | 51 | 52 | 54 | 58 | 62 | 63 | 65 | 69 | 73 | 74 | 83 | 92 | 101 | 102 | 104 | 105 | 107 | image/svg+xml 108 | 110 | 111 | 112 | 113 | 114 | 124 | 134 | 144 | 149 | 154 | 164 | 165 | -------------------------------------------------------------------------------- /gtk-3.0/assets/check-active-focus.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 19 | 39 | 41 | 43 | 47 | 51 | 52 | 54 | 58 | 62 | 63 | 65 | 69 | 73 | 74 | 83 | 92 | 101 | 102 | 104 | 105 | 107 | image/svg+xml 108 | 110 | 111 | 112 | 113 | 114 | 124 | 134 | 144 | 149 | 154 | 164 | 165 | -------------------------------------------------------------------------------- /gtk-3.0/assets/check-active-focus-dark.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 19 | 40 | 47 | 48 | 50 | 52 | 56 | 60 | 61 | 63 | 67 | 71 | 72 | 74 | 78 | 82 | 83 | 92 | 101 | 110 | 111 | 113 | 114 | 116 | image/svg+xml 117 | 119 | 120 | 121 | 122 | 123 | 133 | 143 | 153 | 158 | 163 | 173 | 174 | -------------------------------------------------------------------------------- /gtk-3.0/assets/check-active-dark.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 19 | 40 | 47 | 48 | 50 | 52 | 56 | 60 | 61 | 63 | 67 | 71 | 72 | 74 | 78 | 82 | 83 | 92 | 101 | 110 | 111 | 113 | 114 | 116 | image/svg+xml 117 | 119 | 120 | 121 | 122 | 123 | 133 | 143 | 153 | 158 | 163 | 173 | 174 | -------------------------------------------------------------------------------- /gtk-3.0/assets/radio-active-focus.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 19 | 39 | 41 | 43 | 47 | 51 | 52 | 61 | 63 | 67 | 71 | 72 | 82 | 84 | 88 | 92 | 93 | 94 | 96 | 97 | 99 | image/svg+xml 100 | 102 | 103 | 104 | 105 | 106 | 116 | 126 | 131 | 136 | 146 | 156 | 157 | -------------------------------------------------------------------------------- /gtk-3.0/assets/button-back-dark.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 19 | 41 | 44 | 45 | 47 | 49 | 53 | 57 | 61 | 65 | 66 | 68 | 72 | 76 | 77 | 79 | 83 | 87 | 91 | 92 | 94 | 98 | 102 | 106 | 110 | 111 | 120 | 129 | 138 | 148 | 149 | 151 | 152 | 154 | image/svg+xml 155 | 157 | 158 | 159 | 160 | 161 | 166 | 171 | 177 | 183 | 184 | -------------------------------------------------------------------------------- /gtk-3.0/assets/radio-active.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 19 | 39 | 41 | 43 | 47 | 51 | 52 | 62 | 71 | 73 | 77 | 81 | 82 | 92 | 94 | 98 | 102 | 103 | 104 | 106 | 107 | 109 | image/svg+xml 110 | 112 | 113 | 114 | 115 | 116 | 126 | 136 | 141 | 146 | 156 | 166 | 167 | -------------------------------------------------------------------------------- /gtk-3.0/assets/check-active-focus@2.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 19 | 39 | 41 | 43 | 47 | 51 | 52 | 54 | 58 | 62 | 63 | 65 | 69 | 73 | 74 | 83 | 92 | 101 | 111 | 121 | 122 | 124 | 125 | 127 | image/svg+xml 128 | 130 | 131 | 132 | 133 | 134 | 137 | 147 | 157 | 167 | 172 | 177 | 187 | 188 | 189 | -------------------------------------------------------------------------------- /gtk-3.0/assets/check-active-focus-dark@2.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 19 | 40 | 47 | 48 | 50 | 52 | 56 | 60 | 61 | 63 | 67 | 71 | 72 | 74 | 78 | 82 | 83 | 92 | 101 | 110 | 120 | 130 | 131 | 133 | 134 | 136 | image/svg+xml 137 | 139 | 140 | 141 | 142 | 143 | 146 | 156 | 166 | 176 | 181 | 186 | 196 | 197 | 198 | -------------------------------------------------------------------------------- /gtk-3.0/assets/check-active@2.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 19 | 39 | 41 | 43 | 47 | 51 | 52 | 54 | 58 | 62 | 63 | 65 | 69 | 73 | 74 | 83 | 92 | 101 | 111 | 121 | 131 | 132 | 134 | 135 | 137 | image/svg+xml 138 | 140 | 141 | 142 | 143 | 144 | 147 | 157 | 167 | 177 | 182 | 187 | 197 | 198 | 199 | -------------------------------------------------------------------------------- /gtk-3.0/assets/radio.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 15 | 17 | 19 | 23 | 27 | 28 | 30 | 34 | 38 | 39 | 48 | 57 | 59 | 63 | 67 | 68 | 77 | 79 | 83 | 87 | 88 | 97 | 106 | 108 | 112 | 116 | 117 | 126 | 128 | 132 | 136 | 137 | 146 | 148 | 152 | 156 | 157 | 158 | 160 | 161 | 163 | image/svg+xml 164 | 166 | 167 | 168 | 169 | 170 | 175 | 180 | 185 | 190 | 191 | -------------------------------------------------------------------------------- /gtk-3.0/assets/check-active-dark@2.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 19 | 40 | 47 | 48 | 50 | 52 | 56 | 60 | 61 | 63 | 67 | 71 | 72 | 74 | 78 | 82 | 83 | 92 | 101 | 110 | 120 | 130 | 140 | 141 | 143 | 144 | 146 | image/svg+xml 147 | 149 | 150 | 151 | 152 | 153 | 156 | 166 | 176 | 186 | 191 | 196 | 206 | 207 | 208 | -------------------------------------------------------------------------------- /gtk-3.0/assets/radio-focus.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 19 | 39 | 41 | 43 | 47 | 51 | 52 | 54 | 58 | 62 | 63 | 72 | 81 | 83 | 87 | 91 | 92 | 101 | 103 | 107 | 111 | 112 | 121 | 130 | 132 | 136 | 140 | 141 | 150 | 152 | 156 | 160 | 161 | 170 | 172 | 176 | 180 | 181 | 182 | 184 | 185 | 187 | image/svg+xml 188 | 190 | 191 | 192 | 193 | 194 | 199 | 204 | 209 | 210 | -------------------------------------------------------------------------------- /gtk-3.0/assets/radio-active-focus@2.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 19 | 39 | 41 | 43 | 47 | 51 | 52 | 61 | 63 | 67 | 71 | 72 | 82 | 84 | 88 | 92 | 93 | 103 | 113 | 114 | 116 | 117 | 119 | image/svg+xml 120 | 122 | 123 | 124 | 125 | 126 | 129 | 139 | 149 | 154 | 159 | 169 | 179 | 180 | 181 | -------------------------------------------------------------------------------- /gtk-3.0/assets/radio-active-focus-dark.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 19 | 39 | 46 | 47 | 49 | 51 | 55 | 59 | 60 | 69 | 71 | 75 | 79 | 80 | 90 | 92 | 96 | 100 | 101 | 104 | 114 | 115 | 125 | 126 | 128 | 129 | 131 | image/svg+xml 132 | 134 | 135 | 136 | 137 | 138 | 148 | 158 | 161 | 163 | 168 | 173 | 174 | 175 | 185 | 195 | 196 | -------------------------------------------------------------------------------- /gtk-3.0/assets/radio-active-dark.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 19 | 39 | 46 | 47 | 49 | 51 | 55 | 59 | 60 | 70 | 79 | 81 | 85 | 89 | 90 | 100 | 102 | 106 | 110 | 111 | 114 | 124 | 125 | 135 | 136 | 138 | 139 | 141 | image/svg+xml 142 | 144 | 145 | 146 | 147 | 148 | 158 | 168 | 171 | 173 | 178 | 183 | 184 | 185 | 195 | 205 | 206 | --------------------------------------------------------------------------------