adobe
diff --git a/‎src/extensions/default/InlineColorEditor/ColorEditor.js
Copy file name to clipboard
+19-19Lines changed: 19 additions & 19 deletions b/‎src/extensions/default/InlineColorEditor/ColorEditor.js
Copy file name to clipboard
+19-19Lines changed: 19 additions & 19 deletions
diff --git a/‎src/extensions/default/InlineColorEditor/ColorEditorTemplate.html
Copy file name to clipboard
+14-14Lines changed: 14 additions & 14 deletions b/‎src/extensions/default/InlineColorEditor/ColorEditorTemplate.html
Copy file name to clipboard
+14-14Lines changed: 14 additions & 14 deletions
@@ -65,21 +65,21 @@ define(function (require, exports, module) {
         this._originalColor = color;
         this._redoColor = null;
 
-        this.$colorValue = this.$element.find(".color_value");
+        this.$colorValue = this.$element.find(".color-value");
         this.$buttonList = this.$element.find("ul.button-bar");
         this.$rgbaButton = this.$element.find(".rgba");
         this.$hexButton = this.$element.find(".hex");
         this.$hslButton = this.$element.find(".hsla");
-        this.$currentColor = this.$element.find(".current_color");
-        this.$originalColor = this.$element.find(".original_color");
-        this.$selection = this.$element.find(".color_selection_field");
-        this.$selectionBase = this.$element.find(".color_selection_field .selector_base");
-        this.$hueBase = this.$element.find(".hue_slider .selector_base");
-        this.$opacityGradient = this.$element.find(".opacity_gradient");
-        this.$hueSlider = this.$element.find(".hue_slider");
-        this.$hueSelector = this.$element.find(".hue_slider .selector_base");
-        this.$opacitySlider = this.$element.find(".opacity_slider");
-        this.$opacitySelector = this.$element.find(".opacity_slider .selector_base");
+        this.$currentColor = this.$element.find(".current-color");
+        this.$originalColor = this.$element.find(".original-color");
+        this.$selection = this.$element.find(".color-selection-field");
+        this.$selectionBase = this.$element.find(".color-selection-field .selector-base");
+        this.$hueBase = this.$element.find(".hue-slider .selector-base");
+        this.$opacityGradient = this.$element.find(".opacity-gradient");
+        this.$hueSlider = this.$element.find(".hue-slider");
+        this.$hueSelector = this.$element.find(".hue-slider .selector-base");
+        this.$opacitySlider = this.$element.find(".opacity-slider");
+        this.$opacitySelector = this.$element.find(".opacity-slider .selector-base");
         this.$swatches = this.$element.find(".swatches");
 
         // Create quick-access color swatches
@@ -339,7 +339,7 @@ define(function (require, exports, module) {
         swatches.forEach(function (swatch) {
             var stringFormat = (swatch.count > 1) ? Strings.COLOR_EDITOR_USED_COLOR_TIP_PLURAL : Strings.COLOR_EDITOR_USED_COLOR_TIP_SINGULAR,
                 usedColorTip = StringUtils.format(stringFormat, swatch.value, swatch.count);
-            _this.$swatches.append("<li tabindex='0'><div class='swatch_bg'><div class='swatch' style='background-color: " +
+            _this.$swatches.append("<li tabindex='0'><div class='swatch-bg'><div class='swatch' style='background-color: " +
                     swatch.value + ";' title='" + usedColorTip + "'></div></div> <span class='value'" + " title='" +
                     usedColorTip + "'>" + swatch.value + "</span></li>");
         });
@@ -442,8 +442,8 @@ define(function (require, exports, module) {
         hsv.s = xOffset / width;
         hsv.v = 1 - yOffset / height;
         this.setColorAsHsv(hsv, false);
-        if (!this.$selection.find(".selector_base").is(":focus")) {
-            this.$selection.find(".selector_base").focus();
+        if (!this.$selection.find(".selector-base").is(":focus")) {
+            this.$selection.find(".selector-base").focus();
         }
     };
 
@@ -455,8 +455,8 @@ define(function (require, exports, module) {
         hsv = {};
         hsv.h = (1 - offset / height) * 360;
         this.setColorAsHsv(hsv, false);
-        if (!this.$hueSlider.find(".selector_base").is(":focus")) {
-            this.$hueSlider.find(".selector_base").focus();
+        if (!this.$hueSlider.find(".selector-base").is(":focus")) {
+            this.$hueSlider.find(".selector-base").focus();
         }
     };
 
@@ -468,8 +468,8 @@ define(function (require, exports, module) {
         hsv = {};
         hsv.a = 1 - offset / height;
         this.setColorAsHsv(hsv, false);
-        if (!this.$opacitySlider.find(".selector_base").is(":focus")) {
-            this.$opacitySlider.find(".selector_base").focus();
+        if (!this.$opacitySlider.find(".selector-base").is(":focus")) {
+            this.$opacitySlider.find(".selector-base").focus();
         }
     };
 
@@ -673,7 +673,7 @@ define(function (require, exports, module) {
     };
 
     // Prevent clicks on some UI elements (color selection field, slider and large swatch) from taking focus
-    $(window.document).on("mousedown", ".color_selection_field, .slider, .large_swatch", function (e) {
+    $(window.document).on("mousedown", ".color-selection-field, .slider, .large-swatch", function (e) {
         e.preventDefault();
     });
 
 
@@ -1,28 +1,28 @@
 
-<div tabindex="-1" class="color_editor">
+<div tabindex="-1" class="color-editor">
   <section>
     <div class="sliders">
-      <div class="color_selection_field">
-        <div class="saturation_gradient gradient_overlay"></div>
-        <div class="luminosity_gradient gradient_overlay"></div>
-        <div tabindex="0" class="selector_base">
+      <div class="color-selection-field">
+        <div class="saturation-gradient gradient-overlay"></div>
+        <div class="luminosity-gradient gradient-overlay"></div>
+        <div tabindex="0" class="selector-base">
           <div class="selector"></div>
         </div>
       </div>
-      <div class="hue_slider slider">
-        <div tabindex="0" class="selector_base">
+      <div class="hue-slider slider">
+        <div tabindex="0" class="selector-base">
           <div class="selector"></div>
         </div>
       </div>
-      <div class="opacity_slider slider">
-        <div class="opacity_gradient gradient_overlay"></div>
-        <div tabindex="0" class="selector_base">
+      <div class="opacity-slider slider">
+        <div class="opacity-gradient gradient-overlay"></div>
+        <div tabindex="0" class="selector-base">
           <div class="selector"></div>
         </div>
       </div>
     </div>
     <footer>
-      <input class="color_value" />
+      <input class="color-value" />
       <ul class="button-bar">
         <li class="selected" title="{{COLOR_EDITOR_RGBA_BUTTON_TIP}}"><a href="#" tabindex="0" class="rgba">RGBa</a></li>
         <li title="{{COLOR_EDITOR_HEX_BUTTON_TIP}}"><a href="#" tabindex="0" class="hex">HEX</a></li>
@@ -32,9 +32,9 @@
   </section>
   <aside>
     <header>
-      <div class="large_swatches">
-        <div class="current_color large_swatch" title="{{COLOR_EDITOR_CURRENT_COLOR_SWATCH_TIP}}"></div>
-        <div class="original_color large_swatch" title="{{COLOR_EDITOR_ORIGINAL_COLOR_SWATCH_TIP}}"></div>
+      <div class="large-swatches">
+        <div class="current-color large-swatch" title="{{COLOR_EDITOR_CURRENT_COLOR_SWATCH_TIP}}"></div>
+        <div class="original-color large-swatch" title="{{COLOR_EDITOR_ORIGINAL_COLOR_SWATCH_TIP}}"></div>
       </div>
     </header>
     <ul class="swatches"></ul>