diff --git a/cl-theme/static/css/style.css b/cl-theme/static/css/style.css
index c5203c6..1e594fd 100644
--- a/cl-theme/static/css/style.css
+++ b/cl-theme/static/css/style.css
@@ -2,7 +2,7 @@
  * bulma css framework (github.com/jgthms | bulma.io)
  * Author: jeremy thomas
  * Author: jesus e.
- * Version: 1.0.2
+ * Version: 1.0.3
  * Licensed under MIT (https://github.com/jgthms/bulma/blob/master/LICENSE)
  */
 /* basic formatting changes (mostly to cater for darker colours) */
@@ -94,7 +94,7 @@ li {
 }
 
 pre {
-    background-color: #282828;
+    background-color: #000;
     color: #78dcfa;
 }
 
@@ -115,25 +115,6 @@ video {
     display: table;
 }
 
-.play-menu {
-    height: 200px;
-    overflow-y: auto;
-}
-
-.play-menu a {
-    color: white;
-}
-
-.play-menu a:hover {
-    background-color: #484848;
-    color: #fff;
-}
-
-.is-active-play {
-    color: #dd7325;
-    background-color: #dd7325;
-}
-
 /* Colors Code */
 .highlight {
     background: #000000;
@@ -234,7 +215,7 @@ video {
     color: #cd00cd;
 }
 .highlight .s {
-    color: #cd0000;
+    color: #ffc400;
 }
 .highlight .na {
     color: #cccccc;
@@ -271,7 +252,7 @@ video {
     color: #cd00cd;
 }
 .highlight .sb, .highlight .sc, .highlight .sd, .highlight .s2, .highlight .se, .highlight .sh, .highlight .si, .highlight .sx, .highlight .sr, .highlight .s1, .highlight .ss {
-    color: #cd0000;
+    color: #FFEA00;
 }
 .highlight .bp {
     color: #cd00cd;
@@ -371,7 +352,7 @@ video {
 }
 
 .content blockquote {
-    background: black;
+    background: #0a0e0e;
     color: white;
     border-left: 4px solid #dbdbdb;
     margin: 1.5rem 1rem;
@@ -519,3 +500,23 @@ h4 > a:hover {
         padding: 0rem;
     }
 }
+
+/* aplaylist */
+.play-menu {
+  height: 200px;
+  overflow-y: auto;
+}
+
+.play-menu a {
+  color: white;
+}
+
+.play-menu a:hover {
+  background-color: #484848;
+  color: #fff;
+}
+
+.is-active-play {
+  color: #dd7325;
+  background-color: #dd7325;
+}
diff --git a/cl-theme/templates/base.html b/cl-theme/templates/base.html
index 337f5c2..558c3b5 100644
--- a/cl-theme/templates/base.html
+++ b/cl-theme/templates/base.html
@@ -11,6 +11,7 @@
                 <meta http-equiv="X-UA-Compatible" content="ie=edge">
                 <meta name="description" content="{{ SITE_DESCRIPTION }}">
                 <meta name="keywords" content="{{ _('software libre,libertad,libertad de expresión,privacidad,formación,tutoriales,guías,GNU/Linux,desarrollo web,Hyperbola') }}">
+                <meta property="og:image" content="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/favicon/cl-favicon-96x96.png">
                 <meta property="og:title" content="{{ SITENAME }}">
                 <meta property="og:type" content="website">
                 <meta property="og:url" content="{{ SITEURL }}">
@@ -19,7 +20,7 @@
             <!-- stylesheets -->
             <link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/bulma.css?v=0.7.4">
             <link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/hover.css">
-            <link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/style.css?v=1.0.2">
+            <link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/style.css?v=1.0.3">
             <!-- favicon -->
             <link rel="icon" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/favicon/cl-favicon-16x16.png" sizes="16x16">
             <link rel="icon" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/favicon/cl-favicon-32x32.png" sizes="32x32">