Dominants page styles

1 files changed, 7 insertions, 10 deletions

diff --git a/client/button.js b/client/button.js
index 35f7267..93bc6c6 100644
--- a/client/button.js
+++ b/client/button.js
@@ -55,16 +55,13 @@ function animate() {
     $('div#dominant1').css('background', 'rgba(' + palette[0][0] + ',' + palette[0][1] + ',' + palette[0][2] + ',1)');
     $('div#dominant2').css('background', 'rgba(' + palette[1][0] + ',' + palette[1][1] + ',' + palette[1][2] + ',1)');
 
-    $('h5#dominant1').text('#'
-      + palette[0][0].toString(16).toUpperCase()
-      + palette[0][1].toString(16).toUpperCase()
-      + palette[0][2].toString(16).toUpperCase()
-    )
-    $('h5#dominant2').text('#'
-      + palette[1][0].toString(16).toUpperCase()
-      + palette[1][1].toString(16).toUpperCase()
-      + palette[1][2].toString(16).toUpperCase()
-    )
+    $('ol#dominant1 li.r').text('R-' + palette[0][0].toString(16).toUpperCase());
+    $('ol#dominant1 li.g').text('G-' + palette[0][1].toString(16).toUpperCase());
+    $('ol#dominant1 li.b').text('B-' + palette[0][2].toString(16).toUpperCase());
+
+    $('ol#dominant2 li.r').text('R-' + palette[1][0].toString(16).toUpperCase());
+    $('ol#dominant2 li.g').text('G-' + palette[1][1].toString(16).toUpperCase());
+    $('ol#dominant2 li.b').text('B-' + palette[1][2].toString(16).toUpperCase());
 
     $('div.dominants').show();
   }, delay + 2000);