From: Shilpa Singh Date: Sat, 1 Oct 2011 10:22:31 +0000 (+0900) Subject: [elm_colorselector]: edje objects created for button removed and new X-Git-Tag: submit/2.0alpha-wayland/20121130.000903~521^2 X-Git-Url: http://review.tizen.org/git/?a=commitdiff_plain;h=2cb1c8e163526793a02e9d0a488ce96ee4543018;p=profile%2Fivi%2Fefl-theme-tizen.git [elm_colorselector]: edje objects created for button removed and new button style's picker_left, picker_right added for color selector buttons. Change-Id: Ifd8dd302ecada3c09c5a0100e6069a17555e1648 --- diff --git a/themes/groups/button.edc b/themes/groups/button.edc index a9f97ad..203072b 100644 --- a/themes/groups/button.edc +++ b/themes/groups/button.edc @@ -3551,6 +3551,720 @@ BUTTON_EDIT_STYLES("icon_expand/extended", "00_button_icon_expand.png", "00_butt } } + /////////////////////////////////////////////////////////////////////////////////////// + group { name: "elm/button/base/picker_left"; + images { + image: "00_color_picker_btn_left.png" COMP; + image: "00_color_picker_btn_left_press.png" COMP; + image: "00_color_picker_btn_left_dim.png" COMP; + } + script { + public button_state = BUTTON_STATE_ENABLED; + } + parts { + part { name: "button_image"; + mouse_events: 1; + scale: 1; + description { state: "default" 0.0; + min: 16 38; + image { + normal: "00_color_picker_btn_left.png"; + border: COLORSELECTOR_BUTTON_BORDER; + border_scale: 1; + } + } + description { state: "clicked" 0.0; + inherit: "default" 0.0; + image.normal: "00_color_picker_btn_left_press.png"; + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + image.normal: "00_color_picker_btn_left_dim.png"; + } + description { state: "focused" 0.0; + inherit: "default" 0.0; + image.normal: "00_color_picker_btn_left_press.png"; + } + } + part { + name: "padding_left_top"; + type: RECT; + scale: 1; + mouse_events: 0; + description { state: "default" 0.0; + align: 0.0 0.0; + rel1.relative: 0.0 0.0; + rel2.relative: 0.0 0.0; + min: 2 2; + fixed: 1 1; + visible: 0; + } + } + part { + name: "padding_right_bottom"; + type: RECT; + scale: 1; + mouse_events: 0; + description { state: "default" 0.0; + align: 1.0 1.0; + rel1.relative: 1.0 1.0; + rel2.relative: 1.0 1.0; + min: 2 2; + fixed: 1 1; + visible: 0; + } + } + part { + name: "padding_icon_text"; + type: RECT; + scale: 1; + mouse_events: 0; + description { state: "default" 0.0; //when only icon or no icon is there + align: 0.0 0.0; + rel1 { relative: 1.0 0.0; to: "elm.swallow.content"; } + rel2 { relative: 1.0 1.0; to: "elm.swallow.content"; } + fixed: 1 0; + min: 0 0; + color: 0 0 0 0; + } + description { state: "icononly" 0.0; + inherit: "default" 0.0; + } + description { state: "visible" 0.0; //when icon is visible + align: 0.0 0.0; + rel1 { relative: 1.0 0.0; to: "elm.swallow.content"; } + rel2 { relative: 1.0 1.0; to: "elm.swallow.content"; } + fixed: 1 0; + min: 5 0; + color: 0 0 0 0; + } + } + part { name: "elm.swallow.content"; + type: SWALLOW; + scale: 1; + description { state: "default" 0.0; + visible: 0; + align: 0.0 0.5; + rel1 { relative: 1.0 1.0; to: "padding_left_top"; } + rel2 { relative: 1.0 0.0; to_x: "padding_left_top"; to_y: "padding_right_bottom"; } + fixed: 1 0; + } + description { state: "visible" 0.0; + fixed: 1 0; + visible: 1; + align: 0.0 0.5; + rel1 { relative: 1.0 1.0; to: "padding_left_top"; } + rel2 { relative: 1.0 0.0; to_x: "padding_left_top"; to_y: "padding_right_bottom"; } + aspect: 1.0 1.0; + aspect_preference: VERTICAL; + } + description { state: "icononly" 0.0; + visible: 1; + min: 38 38; + rel1 { relative: 1.0 0.0; to_x: "padding_left_top"; } + rel2 { relative: 0.0 1.0; to_x: "padding_right_bottom"; } + align: 0.5 0.5; + aspect: 1.0 1.0; + aspect_preference: VERTICAL; + } + } + part { name: "elm.text"; + type: TEXT; + mouse_events: 0; + scale: 1; + description { state: "default" 0.0; + visible: 0; + rel1 { relative: 1.0 1.0; to_x: "padding_icon_text"; to_y: "padding_left_top"; } + rel2 { relative: 0.0 0.0; to:"padding_right_bottom"; } + align: 0.5 0.5; + color: BUTTON_TEXT_STYLE1_NORMAL_COLOR_INC; + text { + font: "SLP:style=Medium"; + size: 24; + min: 0 0; + align: 0.5 0.5; + } + } + description { state: "visible" 0.0; + inherit: "default" 0.0; + visible: 1; + min: 90 34; + } + description { state: "clicked" 0.0; + inherit: "default" 0.0; + visible: 1; + min: 0 0; + color: BUTTON_TEXT_STYLE1_PRESSED_COLOR_INC; + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + color: BUTTON_TEXT_STYLE1_DISABLED_COLOR_INC; + } + description { state: "disabled_visible" 0.0; + inherit: "default" 0.0; + color: BUTTON_TEXT_STYLE1_DISABLED_COLOR_INC; + visible: 1; + min: 90 34; + } + description { state: "focused" 0.0; + inherit: "default" 0.0; + visible: 1; + min: 0 0; + color: BUTTON_TEXT_STYLE1_FOCUSED_COLOR_INC; + } + } + part { name: "over2"; + type: RECT; + mouse_events: 1; + repeat_events: 1; + ignore_flags: ON_HOLD; + description { state: "default" 0.0; + color: 0 0 0 0; + } + } + part { name: "over3"; + type: RECT; + mouse_events: 1; + repeat_events: 1; + description { state: "default" 0.0; + color: 0 0 0 0; + } + } + part { name: "disabler"; + type: RECT; + description { state: "default" 0.0; + color: 0 0 0 0; + visible: 0; + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + visible: 1; + } + } + } + programs { + program { name: "button_click"; + signal: "mouse,down,1"; + source: "over2"; + action: SIGNAL_EMIT "elm,action,press" ""; + after: "button_click_anim"; + } + program { name: "button_click_anim"; + action: STATE_SET "clicked" 0.0; + target: "button_image"; + after: "text_clicked"; + } + program { name: "text_clicked"; + script { + new st[31]; + new Float:vl; + get_state(PART:"elm.text", st, 30, vl); + if (!strcmp(st, "visible")) + set_state(PART:"elm.text", "clicked", 0.0); + } + } + program { name: "button_unpress"; + action: SIGNAL_EMIT "elm,action,unpress" ""; + } + program { name: "button_mouseout_clicked"; + signal: "mouse,up,1"; + source: "over3"; + script { + new st[31]; + new Float:vl; + get_state(PART:"elm.swallow.content", st, 30, vl); + if (strcmp(st, "icononly")) + { + emit("elm,action,default,text,set", ""); + set_state(PART:"elm.text", "visible", 0.0); + } + if(get_int(button_state) != BUTTON_STATE_DISABLED) + set_state(PART:"button_image", "default", 0.0); + } + after: button_unpress; + } + program { name: "button_unclick3"; + signal: "mouse,clicked,1"; + source: "over2"; + action: SIGNAL_EMIT "elm,action,click" ""; + } + program { name: "text_show"; + signal: "elm,state,text,visible"; + source: "elm"; + script { + new st[31]; + new Float:vl; + get_state(PART:"elm.swallow.content", st, 30, vl); + if (!strcmp(st, "icononly")) + { + set_state(PART:"elm.swallow.content", "visible", 0.0); + set_state(PART:"padding_icon_text", "visible", 0.0); + } + if(get_int(button_state) != BUTTON_STATE_DISABLED) + set_state(PART:"elm.text", "visible", 0.0); + else + set_state(PART:"elm.text", "disabled_visible", 0.0); + } + } + program { name: "text_hide"; + signal: "elm,state,text,hidden"; + source: "elm"; + script { + new st[31]; + new Float:vl; + get_state(PART:"elm.swallow.content", st, 30, vl); + if (!strcmp(st, "visible")) + { + set_state(PART:"elm.swallow.content", "icononly", 0.0); + set_state(PART:"padding_icon_text", "icononly", 0.0); + } + set_state(PART:"elm.text", "default", 0.0); + } + } + program { name: "icon_show"; + signal: "elm,state,icon,visible"; + source: "elm"; + script { + new st[31]; + new Float:vl; + get_state(PART:"elm.text", st, 30, vl); + if (!strcmp(st, "visible")) + { + set_state(PART:"elm.swallow.content", "visible", 0.0); + set_state(PART:"padding_icon_text", "visible", 0.0); + } + else + { + set_state(PART:"elm.swallow.content", "icononly", 0.0); + set_state(PART:"padding_icon_text", "icononly", 0.0); + } + } + } + program { name: "icon_hide"; + signal: "elm,state,icon,hidden"; + source: "elm"; + action: STATE_SET "default" 0.0; + target: "elm.swallow.content"; + target: "padding_icon_text"; + } + program { name: "disable"; + signal: "elm,state,disabled"; + source: "elm"; + action: STATE_SET "disabled" 0.0; + target: "button_image"; + target: "disabler"; + after: "disable_text"; + } + program { name: "disable_text"; + script { + new st[31]; + new Float:vl; + get_state(PART:"elm.text", st, 30, vl); + if (!strcmp(st, "visible")) + set_state(PART:"elm.text", "disabled_visible", 0.0); + else + set_state(PART:"elm.text", "disabled", 0.0); + set_int(button_state, BUTTON_STATE_DISABLED); + } + } + program { name: "enable"; + signal: "elm,state,enabled"; + source: "elm"; + action: STATE_SET "default" 0.0; + target: "button_image"; + target: "disabler"; + after: "enable_text"; + } + program { name: "enable_text"; + script { + new st[31]; + new Float:vl; + get_state(PART:"elm.text", st, 30, vl); + if (!strcmp(st, "disabled_visible")) + set_state(PART:"elm.text", "visible", 0.0); + else + set_state(PART:"elm.text", "default", 0.0); + set_int(button_state, BUTTON_STATE_ENABLED); + } + } + program { name: "focused"; + //signal: "elm,action,focus"; + //source: "elm"; + action: STATE_SET "focused" 0.0; + target: "button_image"; + target: "elm.text"; + } + program { name: "unfocused"; + //signal: "elm,action,unfocus"; + //source: "elm"; + action: STATE_SET "default" 0.0; + target: "button_image"; + after: "unfocus_text"; + } + program { name: "unfocus_text"; + action: STATE_SET "visible" 0.0; + target: "elm.text"; + } + } + } + + /////////////////////////////////////////////////////////////////////////////////////// + group { name: "elm/button/base/picker_right"; + images { + image: "00_color_picker_btn_right.png" COMP; + image: "00_color_picker_btn_right_press.png" COMP; + image: "00_color_picker_btn_right_dim.png" COMP; + } + script { + public button_state = BUTTON_STATE_ENABLED; + } + parts { + part { name: "button_image"; + mouse_events: 1; + scale: 1; + description { state: "default" 0.0; + min: 16 38; + image { + normal: "00_color_picker_btn_right.png"; + border: COLORSELECTOR_BUTTON_BORDER; + border_scale: 1; + } + } + description { state: "clicked" 0.0; + inherit: "default" 0.0; + image.normal: "00_color_picker_btn_right_press.png"; + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + image.normal: "00_color_picker_btn_right_dim.png"; + } + description { state: "focused" 0.0; + inherit: "default" 0.0; + image.normal: "00_color_picker_btn_right_press.png"; + } + } + part { + name: "padding_left_top"; + type: RECT; + scale: 1; + mouse_events: 0; + description { state: "default" 0.0; + align: 0.0 0.0; + rel1.relative: 0.0 0.0; + rel2.relative: 0.0 0.0; + min: 2 2; + fixed: 1 1; + visible: 0; + } + } + part { + name: "padding_right_bottom"; + type: RECT; + scale: 1; + mouse_events: 0; + description { state: "default" 0.0; + align: 1.0 1.0; + rel1.relative: 1.0 1.0; + rel2.relative: 1.0 1.0; + min: 2 2; + fixed: 1 1; + visible: 0; + } + } + part { + name: "padding_icon_text"; + type: RECT; + scale: 1; + mouse_events: 0; + description { state: "default" 0.0; //when only icon or no icon is there + align: 0.0 0.0; + rel1 { relative: 1.0 0.0; to: "elm.swallow.content"; } + rel2 { relative: 1.0 1.0; to: "elm.swallow.content"; } + fixed: 1 0; + min: 0 0; + color: 0 0 0 0; + } + description { state: "icononly" 0.0; + inherit: "default" 0.0; + } + description { state: "visible" 0.0; //when icon is visible + align: 0.0 0.0; + rel1 { relative: 1.0 0.0; to: "elm.swallow.content"; } + rel2 { relative: 1.0 1.0; to: "elm.swallow.content"; } + fixed: 1 0; + min: 5 0; + color: 0 0 0 0; + } + } + part { name: "elm.swallow.content"; + type: SWALLOW; + scale: 1; + description { state: "default" 0.0; + visible: 0; + align: 0.0 0.5; + rel1 { relative: 1.0 1.0; to: "padding_left_top"; } + rel2 { relative: 1.0 0.0; to_x: "padding_left_top"; to_y: "padding_right_bottom"; } + fixed: 1 0; + } + description { state: "visible" 0.0; + fixed: 1 0; + visible: 1; + align: 0.0 0.5; + rel1 { relative: 1.0 1.0; to: "padding_left_top"; } + rel2 { relative: 1.0 0.0; to_x: "padding_left_top"; to_y: "padding_right_bottom"; } + aspect: 1.0 1.0; + aspect_preference: VERTICAL; + } + description { state: "icononly" 0.0; + visible: 1; + min: 38 38; + rel1 { relative: 1.0 0.0; to_x: "padding_left_top"; } + rel2 { relative: 0.0 1.0; to_x: "padding_right_bottom"; } + align: 0.5 0.5; + aspect: 1.0 1.0; + aspect_preference: VERTICAL; + } + } + part { name: "elm.text"; + type: TEXT; + mouse_events: 0; + scale: 1; + description { state: "default" 0.0; + visible: 0; + rel1 { relative: 1.0 1.0; to_x: "padding_icon_text"; to_y: "padding_left_top"; } + rel2 { relative: 0.0 0.0; to:"padding_right_bottom"; } + align: 0.5 0.5; + color: BUTTON_TEXT_STYLE1_NORMAL_COLOR_INC; + text { + font: "SLP:style=Medium"; + size: 24; + min: 0 0; + align: 0.5 0.5; + } + } + description { state: "visible" 0.0; + inherit: "default" 0.0; + visible: 1; + min: 90 34; + } + description { state: "clicked" 0.0; + inherit: "default" 0.0; + visible: 1; + min: 0 0; + color: BUTTON_TEXT_STYLE1_PRESSED_COLOR_INC; + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + color: BUTTON_TEXT_STYLE1_DISABLED_COLOR_INC; + } + description { state: "disabled_visible" 0.0; + inherit: "default" 0.0; + color: BUTTON_TEXT_STYLE1_DISABLED_COLOR_INC; + visible: 1; + min: 90 34; + } + description { state: "focused" 0.0; + inherit: "default" 0.0; + visible: 1; + min: 0 0; + color: BUTTON_TEXT_STYLE1_FOCUSED_COLOR_INC; + } + } + part { name: "over2"; + type: RECT; + mouse_events: 1; + repeat_events: 1; + ignore_flags: ON_HOLD; + description { state: "default" 0.0; + color: 0 0 0 0; + } + } + part { name: "over3"; + type: RECT; + mouse_events: 1; + repeat_events: 1; + description { state: "default" 0.0; + color: 0 0 0 0; + } + } + part { name: "disabler"; + type: RECT; + description { state: "default" 0.0; + color: 0 0 0 0; + visible: 0; + } + description { state: "disabled" 0.0; + inherit: "default" 0.0; + visible: 1; + } + } + } + programs { + program { name: "button_click"; + signal: "mouse,down,1"; + source: "over2"; + action: SIGNAL_EMIT "elm,action,press" ""; + after: "button_click_anim"; + } + program { name: "button_click_anim"; + action: STATE_SET "clicked" 0.0; + target: "button_image"; + after: "text_clicked"; + } + program { name: "text_clicked"; + script { + new st[31]; + new Float:vl; + get_state(PART:"elm.text", st, 30, vl); + if (!strcmp(st, "visible")) + set_state(PART:"elm.text", "clicked", 0.0); + } + } + program { name: "button_unpress"; + action: SIGNAL_EMIT "elm,action,unpress" ""; + } + program { name: "button_mouseout_clicked"; + signal: "mouse,up,1"; + source: "over3"; + script { + new st[31]; + new Float:vl; + get_state(PART:"elm.swallow.content", st, 30, vl); + if (strcmp(st, "icononly")) + { + emit("elm,action,default,text,set", ""); + set_state(PART:"elm.text", "visible", 0.0); + } + if(get_int(button_state) != BUTTON_STATE_DISABLED) + set_state(PART:"button_image", "default", 0.0); + } + after: button_unpress; + } + program { name: "button_unclick3"; + signal: "mouse,clicked,1"; + source: "over2"; + action: SIGNAL_EMIT "elm,action,click" ""; + } + program { name: "text_show"; + signal: "elm,state,text,visible"; + source: "elm"; + script { + new st[31]; + new Float:vl; + get_state(PART:"elm.swallow.content", st, 30, vl); + if (!strcmp(st, "icononly")) + { + set_state(PART:"elm.swallow.content", "visible", 0.0); + set_state(PART:"padding_icon_text", "visible", 0.0); + } + if(get_int(button_state) != BUTTON_STATE_DISABLED) + set_state(PART:"elm.text", "visible", 0.0); + else + set_state(PART:"elm.text", "disabled_visible", 0.0); + } + } + program { name: "text_hide"; + signal: "elm,state,text,hidden"; + source: "elm"; + script { + new st[31]; + new Float:vl; + get_state(PART:"elm.swallow.content", st, 30, vl); + if (!strcmp(st, "visible")) + { + set_state(PART:"elm.swallow.content", "icononly", 0.0); + set_state(PART:"padding_icon_text", "icononly", 0.0); + } + set_state(PART:"elm.text", "default", 0.0); + } + } + program { name: "icon_show"; + signal: "elm,state,icon,visible"; + source: "elm"; + script { + new st[31]; + new Float:vl; + get_state(PART:"elm.text", st, 30, vl); + if (!strcmp(st, "visible")) + { + set_state(PART:"elm.swallow.content", "visible", 0.0); + set_state(PART:"padding_icon_text", "visible", 0.0); + } + else + { + set_state(PART:"elm.swallow.content", "icononly", 0.0); + set_state(PART:"padding_icon_text", "icononly", 0.0); + } + } + } + program { name: "icon_hide"; + signal: "elm,state,icon,hidden"; + source: "elm"; + action: STATE_SET "default" 0.0; + target: "elm.swallow.content"; + target: "padding_icon_text"; + } + program { name: "disable"; + signal: "elm,state,disabled"; + source: "elm"; + action: STATE_SET "disabled" 0.0; + target: "button_image"; + target: "disabler"; + after: "disable_text"; + } + program { name: "disable_text"; + script { + new st[31]; + new Float:vl; + get_state(PART:"elm.text", st, 30, vl); + if (!strcmp(st, "visible")) + set_state(PART:"elm.text", "disabled_visible", 0.0); + else + set_state(PART:"elm.text", "disabled", 0.0); + set_int(button_state, BUTTON_STATE_DISABLED); + } + } + program { name: "enable"; + signal: "elm,state,enabled"; + source: "elm"; + action: STATE_SET "default" 0.0; + target: "button_image"; + target: "disabler"; + after: "enable_text"; + } + program { name: "enable_text"; + script { + new st[31]; + new Float:vl; + get_state(PART:"elm.text", st, 30, vl); + if (!strcmp(st, "disabled_visible")) + set_state(PART:"elm.text", "visible", 0.0); + else + set_state(PART:"elm.text", "default", 0.0); + set_int(button_state, BUTTON_STATE_ENABLED); + } + } + program { name: "focused"; + //signal: "elm,action,focus"; + //source: "elm"; + action: STATE_SET "focused" 0.0; + target: "button_image"; + target: "elm.text"; + } + program { name: "unfocused"; + //signal: "elm,action,unfocus"; + //source: "elm"; + action: STATE_SET "default" 0.0; + target: "button_image"; + after: "unfocus_text"; + } + program { name: "unfocus_text"; + action: STATE_SET "visible" 0.0; + target: "elm.text"; + } + } + } + /////////////////////////////////////////////////////////////////////////////////////// group { name: "elm/button/base/hidden"; images { diff --git a/themes/groups/colorselector.edc b/themes/groups/colorselector.edc index d6f90ab..816b895 100644 --- a/themes/groups/colorselector.edc +++ b/themes/groups/colorselector.edc @@ -526,90 +526,3 @@ } } } - - group{ - name: "elm/colorselector/button/left"; - images { - image: "00_color_picker_btn_left.png" COMP; - image: "00_color_picker_btn_left_press.png" COMP; - } - parts{ - part{ - name: "button_image"; - mouse_events: 1; - scale: 1; - description { - state: "default" 0.0; - image.normal: "00_color_picker_btn_left.png"; - image.border: COLORSELECTOR_BUTTON_BORDER; - image.border_scale: 1; - } - description { - state: "pressed" 0.0; - inherit: "default" 0.0; - image.normal: "00_color_picker_btn_left_press.png"; - } - } - } - - programs { - program { - name: "button_down"; - signal: "elm,state,left,button,down"; - source: "left_button"; - action: STATE_SET "pressed" 0.0; - target: "button_image"; - } - program { - name: "button_up"; - signal: "elm,state,left,button,up"; - source: "left_button"; - action: STATE_SET "default" 0.0; - target: "button_image"; - } - } - } - - group { - name: "elm/colorselector/button/right"; - images { - image: "00_color_picker_btn_right.png" COMP; - image: "00_color_picker_btn_right_press.png" COMP; - } - parts { - part { - name: "button_image"; - mouse_events: 1; - scale: 1; - description { - state: "default" 0.0; - image.normal: "00_color_picker_btn_right.png"; - image.border: COLORSELECTOR_BUTTON_BORDER; - image.border_scale: 1; - } - description { - state: "pressed" 0.0; - inherit: "default" 0.0; - image.normal: "00_color_picker_btn_right_press.png"; - } - } - } - programs { - program { - name: "button_down"; - signal: "elm,state,right,button,down"; - source: "right_button"; - action: STATE_SET "pressed" 0.0; - target: "button_image"; - } - program { - name: "button_up"; - signal: "elm,state,right,button,up"; - source: "right_button"; - action: STATE_SET "default" 0.0; - target: "button_image"; - } - } - } - - diff --git a/themes/images/nbeat-black/00_color_picker_btn_left_dim.png b/themes/images/nbeat-black/00_color_picker_btn_left_dim.png new file mode 100755 index 0000000..717787c Binary files /dev/null and b/themes/images/nbeat-black/00_color_picker_btn_left_dim.png differ diff --git a/themes/images/nbeat-black/00_color_picker_btn_right_dim.png b/themes/images/nbeat-black/00_color_picker_btn_right_dim.png new file mode 100755 index 0000000..9740d83 Binary files /dev/null and b/themes/images/nbeat-black/00_color_picker_btn_right_dim.png differ diff --git a/themes/images/nbeat-hd/00_color_picker_btn_left_dim.png b/themes/images/nbeat-hd/00_color_picker_btn_left_dim.png new file mode 100755 index 0000000..cb86bb4 Binary files /dev/null and b/themes/images/nbeat-hd/00_color_picker_btn_left_dim.png differ diff --git a/themes/images/nbeat-hd/00_color_picker_btn_right_dim.png b/themes/images/nbeat-hd/00_color_picker_btn_right_dim.png new file mode 100755 index 0000000..f3412cb Binary files /dev/null and b/themes/images/nbeat-hd/00_color_picker_btn_right_dim.png differ diff --git a/themes/images/nbeat/00_color_picker_btn_left_dim.png b/themes/images/nbeat/00_color_picker_btn_left_dim.png new file mode 100755 index 0000000..7796aec Binary files /dev/null and b/themes/images/nbeat/00_color_picker_btn_left_dim.png differ diff --git a/themes/images/nbeat/00_color_picker_btn_right_dim.png b/themes/images/nbeat/00_color_picker_btn_right_dim.png new file mode 100755 index 0000000..2e276a4 Binary files /dev/null and b/themes/images/nbeat/00_color_picker_btn_right_dim.png differ