First attemp

Fix avatar not showing on pantheon desktop.
Update borders color.

.gitignore

@@ -6,3 +6,5 @@ node_modules/
 *.css.map
 
 _gnome-shell/
+
+install.sh

assets/close_unfocused.svg

@@ -13,11 +13,8 @@
    height="13"
    id="svg2"
    version="1.1"
-   inkscape:version="0.92+devel unknown"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
-   sodipodi:docname="close_unfocused.svg"
+   sodipodi:docname="close_unfocused.svg">
-   inkscape:export-filename="/home/lara/.themes/Ant/assets/close_unfocused.png"
-   inkscape:export-xdpi="112"
-   inkscape:export-ydpi="112">
   <defs
      id="defs4" />
   <sodipodi:namedview
@@ -27,9 +24,9 @@
      borderopacity="1.0"
      inkscape:pageopacity="0.0"
      inkscape:pageshadow="2"
-     inkscape:zoom="19.317893"
+     inkscape:zoom="24.366357"
-     inkscape:cx="3.9939335"
+     inkscape:cx="3.4792551"
-     inkscape:cy="8.8454396"
+     inkscape:cy="7.2127605"
      inkscape:document-units="px"
      inkscape:current-layer="g4197"
      showgrid="true"
@@ -38,11 +35,10 @@
      fit-margin-right="0"
      fit-margin-bottom="0"
      inkscape:window-width="1366"
-     inkscape:window-height="705"
+     inkscape:window-height="707"
      inkscape:window-x="0"
-     inkscape:window-y="0"
+     inkscape:window-y="25"
-     inkscape:window-maximized="1"
+     inkscape:window-maximized="1" />
-     inkscape:document-rotation="0" />
   <metadata
      id="metadata7">
     <rdf:RDF>
@@ -76,18 +72,14 @@
              id="g4197">
             <path
                id="path4199"
-               style="fill:#b4b4b4;fill-opacity:1;fill-rule:evenodd;stroke:none"
+               style="fill:#5b5c63;fill-opacity:1;fill-rule:evenodd;stroke:none"
-               d="m 399.0119,-25.290703 c 236.063,0 427.43,191.363693 427.43,427.429693 0,236.059 -191.367,427.426 -427.43,427.426 -236.062,0 -427.429474,-191.367 -427.429474,-427.426 0,-236.066 191.367474,-427.429693 427.429474,-427.429693"
+               d="m 401.01486,-37.584555 c 236.063,0 427.43,191.363695 427.43,427.429695 0,236.059 -191.367,427.426 -427.43,427.426 -236.062,0 -427.429467,-191.367 -427.429467,-427.426 0,-236.066 191.367467,-427.429695 427.429467,-427.429695"
-               inkscape:connector-curvature="0"
+               inkscape:connector-curvature="0" />
-               inkscape:export-xdpi="124.22228"
-               inkscape:export-ydpi="124.22228" />
             <path
                id="path4201"
-               style="fill:#d4d4d4;fill-opacity:1;fill-rule:evenodd;stroke:none"
+               style="fill:#5b5c63;fill-opacity:1;fill-rule:evenodd;stroke:none"
-               d="m 399.0119,11.060887 c 215.985,0 391.078,175.090103 391.078,391.078103 0,215.98 -175.093,391.074 -391.078,391.074 -215.984,0 -391.0779043,-175.094 -391.0779043,-391.074 0,-215.988 175.0939043,-391.078103 391.0779043,-391.078103"
+               d="m 401.01486,-1.2329648 c 215.985,0 391.078,175.0901048 391.078,391.0781048 0,215.98 -175.093,391.074 -391.078,391.074 -215.984,0 -391.0778972,-175.094 -391.0778972,-391.074 0,-215.988 175.0938972,-391.0781048 391.0778972,-391.0781048"
-               inkscape:connector-curvature="0"
+               inkscape:connector-curvature="0" />
-               inkscape:export-xdpi="124.22228"
-               inkscape:export-ydpi="124.22228" />
           </g>
         </g>
       </g>

gnome-shell/_colors.scss

@@ -1,28 +1,32 @@
-$base_color:#1E282C;
+$base_color:#181b28;
-$bg_color: transparentize( #222e39, 0.07);
+$bg_color:#181b28; //252b2f
-$gray: lighten(#222e39, 15%);
+$main_dark: darken($bg_color, 5%);
+$gray: lighten($bg_color, 7%);
 $fg_color: #98abb2;
-$dracula: #222e39;
+$dracula: #161925;
-$topbar_color: #98abb2;
+$topbar_color:  lighten($fg_color, 40%);
 
 $lime: #84ff39;
 $red: #ff007a;
 $purple: #c74ded;
 $cyan: #00e8c6;
 $yellow: #FED766;
+$orange: #F79F79;
+$g1: #c50ed2;
+$g2: #8500f7;
 
 $selected_fg_color: #f7f7f7;
-$selected_bg_color:#00e8b7;
+$selected_bg_color:#c50ed2;
 $selected_borders_color: darken($selected_bg_color, 10%);
-$borders_color: transparentize($gray, 0.7);
+$borders_color: darken(#181b28, 3%);
 $borders_edge: transparentize(white, 0.9);
-$link_color: #13b1d5;
+$link_color: #A0C1B9;
 $link_visited_color: transparentize($link_color,0.5);
 $top_hilight: $borders_edge;
 $top_highlight: transparentize(white, 0.9);
 $bottom_highlight: transparentize(black, 0.9);
 
-$warning_color: darken(#ffb86c,10%);
+$warning_color: darken($orange,10%);
 $error_color: darken( $red,5%);
 $success_color: darken($cyan,10%);
 $destructive_color: darken( #c72240,10%);

gnome-shell/_common.scss

@@ -3,16 +3,15 @@ $corner-radius: 2px;
 
 /* GLOBALS */
 $font-size: 10;
-$font-family: "SFNS Display",Ubuntu, Cantarell, Sans-Serif;
+$font-family: Roboto,Ubuntu, Cantarell, Sans-Serif;
 $_bubble_bg_color: $osd_bg_color;
 $_bubble_fg_color: $fg_color;
 $_bubble_borders_color: $fg_color;
 $_bubble_transparent: transparentize($osd_bg_color, 0.17);
-$topbar_bg_color: transparentize(darken($dracula,10%),0.35);
+$topbar_bg_color: transparentize($dracula,0.35);
 
 stage {
   font-family: $font-family;
-  font-weight: 400;
   @include fontsize($font-size);
   color: $fg_color;
 }
@@ -22,7 +21,7 @@ stage {
 /* Buttons */
 .button {
   @include button(normal);
-  border-radius: 2px;
+  border-radius: 4px;
   border-width: 0;
   padding: 4px 32px;
   &:focus { @include button(focus); }
@@ -35,11 +34,12 @@ stage {
 
 .modal-dialog-linked-button {
   padding: 10px;
-  border: none;
+  border: 1px solid $borders_color;
   color: $fg_color;
-  background-color: transparent;
+  background: $main_dark;
   text-shadow: none;
   icon-shadow: none;
+  box-shadow: none;
   &:insensitive { @include button(insensitive); }
   &:active {
     @include button(active);
@@ -52,7 +52,6 @@ stage {
   }
   &:hover {
     @include button(hover);
-    background: transparent;
   }
 
   &:first-child { border-radius: 0px 0px 0px 2px; }
@@ -114,15 +113,26 @@ StScrollBar {
 
 .slider {
   height: 1em;
-  color: $selected_fg_color;
+  color: darken($selected_fg_color, 25%);
   border-color: black;
-  -slider-height: 0.3em;
+  -slider-height: 0.1em;
   -slider-background-color: $gray; //background of the trough
   -slider-border-color: black; //trough border color
-  -slider-active-background-color: $selected_bg_color; //active trough fill
+  -slider-active-background-color: $yellow; //active trough fill
   -slider-active-border-color: $lime; //active trough border
   -slider-border-width: 0;
   -slider-handle-radius: 6px;
+
+  -barlevel-height: 0.1em;
+  -barlevel-background-color: $gray;
+  -barlevel-border-color: black;
+  -barlevel-active-background-color: $yellow;
+  -barlevel-active-border-color: $lime;
+  -barlevel-border-width: 0;
+  -barlevel-handle-radius: 6px; 
+  -barlevel-overdrive-color: $yellow;
+  -barlevel-overdrive-border-color: transparent;
+  -barlevel-overdrive-separator-width: 0px;
 }
 
 /* Check Boxes */
@@ -134,7 +144,7 @@ StScrollBar {
     height: 22px;
     background-image: url("assets/checkbox-off.svg");
   }
-  &:focus StBin { background-image: url("assets/checkbox-off-focused.svg"); }
+  &:focus, &:hover StBin { background-image: url("assets/checkbox-off-focused.svg"); }
   &:checked StBin { background-image: url("assets/checkbox.svg"); }
   &:focus:checked StBin { background-image: url("assets/checkbox-focused.svg"); }
 }
@@ -227,10 +237,11 @@ StScrollBar {
   spacing: 42px;
   border: none;
   & .modal-dialog-linked-button:last-child {
-    color: $error_color;
+    @include gradient();
-    &:focus{
+    color: #fff;
-      color: $error_color;
+    &:hover, &:focus {
-      border: 1px solid  transparentize($error_color, 0.7);
+      background: darken($error_color, 3%);
+      color: #fff;
     }
   }
 }
@@ -504,7 +515,8 @@ StScrollBar {
   background-color: transparent;
   .popup-menu-arrow { } //defined globally in the TOP BAR
   .popup-sub-menu {
-    background-color:  transparentize(darken($bg_color,20%), 0.8);
+   
+    background-color:  transparentize(darken($main_dark,57%), 0.8);
     box-shadow: $depth6;
   }
 
@@ -515,7 +527,8 @@ StScrollBar {
     &:ltr { padding: .4em 1.75em .4em 0em; }
     &:rtl { padding: .4em 0em .4em 1.75em; }
     &:checked {
-      background-color: transparentize($selected_bg_color,0.1);
+      @include gradient();
+     // background-color: transparentize($selected_bg_color,0.1);
       color: $selected_fg_color;
       box-shadow: inset 0 1px 0px lighten($borders_color,5%);
       font-weight: bold;
@@ -549,7 +562,7 @@ StScrollBar {
   }
   .popup-menu-boxpointer,
   .candidate-popup-boxpointer {
-    -arrow-border-radius: 3px;
+    -arrow-border-radius: 7px;
     -arrow-background-color: $bg_color;
     -arrow-border-width: 1px;
     -arrow-border-color: $borders_color;
@@ -591,8 +604,14 @@ StScrollBar {
   .level {
     height: 0.4em;
     border-radius: 0.3em;
-    background-color: transparentize($gray,0.5);
     color: $osd_fg_color;
+    border: 1px solid $borders_color;
+
+    -barlevel-height: 0.4em;
+    -barlevel-background-color: transparentize(darken($main_dark,15%),0.5);
+    -barlevel-active-background-color: $selected_bg_color;
+    -barlevel-overdrive-color: $red;
+    -barlevel-overdrive-separator-width: 0.2em; 
   }
   .level-bar {
     background-color: $selected_bg_color;
@@ -797,23 +816,23 @@ StScrollBar {
     &:hover {
       background: lighten($topbar_bg_color, 10%);
       color: lighten($topbar_color, 10%);
-      text-shadow: 0px 0px 8px rgba(0, 0, 0, 1);
+      transition-duration: 200ms;
-
-      .system-status-icon,
-      .app-menu-icon > StIcon,
-      .popup-menu-arrow {
-        icon-shadow: 0px 0px 8px rgba(0, 0, 0, 1);
-      }
     }
 
     &:active, &:overview, &:focus, &:checked {
       // Trick due to St limitations. It needs a background to draw
       // a box-shadow
-      background: lighten($topbar_bg_color, 10%);
+      box-shadow: none;
-      box-shadow: inset 0 -2px 0px lighten($selected_bg_color,5%);
+      @include gradient();
-      color: lighten($topbar_color,10%);
+      color: $selected_fg_color;
-
+      text-shadow: 0px 0px 2px rgba(92, 92, 92, 0.9);
-      & > .system-status-icon { icon-shadow: black 0 2px 2px; }
+      transition-duration: 200ms;
+      .system-status-icon,
+      .app-menu-icon > StIcon,
+      .popup-menu-arrow {
+        icon-shadow: 0px 0px 2px rgba(0, 0, 0, 0.9);
+      }
+      & > .system-status-icon { icon-shadow: red 0 2px 2px; }
     }
 
     .system-status-icon { icon-size: 1.09em; padding: 0 5px; }
@@ -838,7 +857,7 @@ StScrollBar {
   .screencast-indicator { color: $warning_color; }
 
   &.solid {
-    background-color: darken($dracula,1%);
+    background-color: $dracula;
     /* transition from transparent to solid */
     transition-duration: 300ms;
 
@@ -874,9 +893,11 @@ StScrollBar {
     .datemenu-displays-box { spacing: 1em; }
 
     .datemenu-calendar-column {
-      border: 0 solid $borders_color;
+      border: 0 solid transparent;
       &:ltr { border-left-width: 1px; }
       &:rtl { border-right-width: 1px; }
+      background: darken($bg_color, 0.7%);
+     //@include gradient();
     }
 
     .datemenu-today-button,
@@ -919,7 +940,7 @@ StScrollBar {
     .weather-header,
     .events-section-title,
     .message-list-section-title {
-      color: lighten($fg_color,2%);
+      color: darken($fg_color, 10%);
       font-weight: bold;
     }
 
@@ -965,12 +986,13 @@ StScrollBar {
       border-radius: 1.4em;
       &:hover,&:focus { background-color: lighten($bg_color,5%); }
       &:active,&:selected {
-        color: lighten($selected_fg_color,5%);
+        color: $selected_fg_color;
         background-color: $selected_bg_color;
-        border-color: transparent; //avoid jumparound due to today
+        @include gradient();
+        border-color: black; //avoid jumparound due to today
       }
       &.calendar-day-heading {  //day of week heading
-        color: darken($fg_color,4%);
+        color: darken($fg_color, 10%);
         margin-top: 1em;
         font-size: 70%;
       }
@@ -1017,7 +1039,6 @@ StScrollBar {
         width: 31.5em;
         .message-title{
           color: darken($fg_color,5%);
-          
         }
         .message-content{
           
@@ -1025,10 +1046,8 @@ StScrollBar {
       }
 
         .message-list-clear-button.button {
-          background-color: transparent;
+          @include button(normal);
-          border: 1px solid $borders_color;
+          &:hover,&:focus { @include button(hover); }
-          box-shadow: none;
-          &:hover,&:focus { background-color: lighten($bg_color,5%); }
           margin: 1.5em 1.5em 0;
         }
 
@@ -1058,8 +1077,9 @@ StScrollBar {
 
         .message {
           &:hover,&:focus { 
-            background-color: lighten($bg_color,2%);
+            background-color: darken($bg_color, 1%);
-            box-shadow: 3px 0px 0px 0px $selected_bg_color inset;
+            //@include gradient();
+            box-shadow: 2px 0px 0px 0px $g2 inset;
            }
           border-radius: 1px;
           background: transparent;
@@ -1156,16 +1176,20 @@ StScrollBar {
     color: $fg_color;
    
     border-radius: 32px; /* wish we could do 50% */
-    border: 1px solid transparent;
+    border: 1px solid $borders_color;
-    background: transparent;
+    background: darken($bg_color, 3%);
     padding: 13px;
 
     &:hover, &:focus {
-      //border: 1px solid $selected_bg_color;
+      border: 1px solid $selected_bg_color;
       color: $selected_bg_color;
       background: transparent;
     }
-    &:active { background-color: darken($selected_bg_color, 10%); color: $selected_fg_color;}
+    &:active {
+       background-color: darken($selected_bg_color, 10%);
+       color: $selected_fg_color; 
+       border: 1px solid darken($selected_bg_color, 10%);
+      }
 
     & > StIcon { icon-size: 16px; }
   }
@@ -1269,7 +1293,7 @@ StScrollBar {
   }
   .window-caption {
     spacing: 20px;
-    color: $fg_color;
+    color: $topbar_color;
     background-color: transparentize($osd_bg_color,.3);
     border-radius: 2px;
     padding: 4px 8px;
@@ -1278,8 +1302,8 @@ StScrollBar {
   //search entry
   .search-entry {
     width: 320px;
-    padding: 7px 9px;
+    padding: 9px;
-    border-radius: 2px;
+    border-radius: 100px;
     border: none;
     color: $fg_color;
     background-color: transparentize($bg_color, 0.4);
@@ -1335,7 +1359,7 @@ StScrollBar {
     color: $topbar_color;
     background-color: $topbar_bg_color;
     padding: 6px 0;
-    border: 1px solid rgba(128, 128, 128, 0.2);
+    border: 1px solid $borders_color;
     border-left: 0px;
     border-radius: 0px 5px 5px 0px;
 
@@ -1364,8 +1388,9 @@ StScrollBar {
     border-radius: 7px;
     padding: 4px 12px;
     color: $topbar_color;
-    background-color: transparentize($topbar_bg_color,0.01);
+    background-color: $topbar_bg_color;
     text-align: center;
+    border: 1px solid $borders_color;
     -x-offset: 8px;
   }
 
@@ -1440,9 +1465,9 @@ StScrollBar {
 
   .app-well-app-running-dot { //running apps indicator
     width: 4px; height: 4px;
-    background-color: rgb(0, 255, 221);
+    background-color: $selected_bg_color;
     border-radius: 10px !important;
-    box-shadow: 0px 0px 5px 4px transparentize(rgb(0, 255, 221),0.2);
+    box-shadow: 0px 0px 5px 4px transparentize($selected_bg_color,0.2);
     margin-bottom: 0px;
   }
 
@@ -1692,14 +1717,12 @@ StScrollBar {
 
   .keyboard-key {
    @include button(normal);
-    background: $base_color;
+    background-color: $base_color;
     min-height: 2em;
     min-width: 2em;
     font-size: 14pt;
     font-weight: bold;
     border-radius: 5px;
-    border: 1px solid $borders-color;
-    color: white;
     &:focus { @include button(focus); }
     &:hover,&:checked { @include button(hover); }
     &:active { @include button(active);}

gnome-shell/_drawing.scss

@@ -56,7 +56,7 @@
 //
 
   @if $t==normal {
-    background-color: transparentize($gray, 0.5);
+    background-color: $gray;
     border-color: $borders_color;
  
     @include _shadows($depth);
@@ -149,11 +149,12 @@
   //
 
     color: $fg_color;
-    background-color: darken($bg_color,5%);
+    background-color: $main_dark;
-    box-shadow: $depth4;
+    box-shadow: none;
-    border: none;
+    border: 1px solid $borders_color;
     text-shadow: 0 1px black;
     icon-shadow: 0 1px black;
+    border: 1px solid $borders_color;
   }
   @if $t==focus {
   //
@@ -162,11 +163,11 @@
     $_bg: if($c!=$osd_bg_color, transparentize($c, 0.5),
                           $osd_bg_color);
 
-    color: $osd_fg_color;
+    color: $selected_bg_color;
     text-shadow: 0 1px black;
     icon-shadow: 0 1px black;
-    box-shadow: $depth5;
+    box-shadow: none;
-    border: 1px solid  transparentize($selected_bg_color, 0.7);
+    border: 1px solid $borders_color;
   }
 
   @else if $t==hover {
@@ -174,12 +175,11 @@
   // active osd button
   //
     $_bg: if($c!=$osd_bg_color, transparentize($c, 0.3),
-                            lighten($osd_bg_color,10%));
+                            lighten($main_dark, 2%));
 
     color: $selected_bg_color;
     background-color: $_bg;
-    box-shadow: $depth5;
+    border: 1px solid $borders_color;
-    border: none;
     text-shadow: 0 1px black;
     icon-shadow: 0 1px black;
 
@@ -195,8 +195,7 @@
     // This should be none, but it's creating some issues with borders, so to
     // workaround it for now, use inset wich goes through a different code path.
     // see https://bugzilla.gnome.org/show_bug.cgi?id=752934
-    box-shadow: $depth5;
+    border: 1px solid $borders_color;
-    border: none;
     text-shadow: none;
     icon-shadow: none;
   }
@@ -228,3 +227,9 @@
     icon-shadow: none;
   }
 }
+
+@mixin gradient($c1: $g1, $c2: $g2, $dir: horizontal) {
+  background-gradient-start: $c1;
+  background-gradient-end: $c2;
+  background-gradient-direction: $dir;
+}

gnome-shell/_extensions.scss

@@ -0,0 +1 @@
+@import "extensions/_openweather"

gnome-shell/assets/close-window.svg

@@ -7,6 +7,7 @@
    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
    xmlns:svg="http://www.w3.org/2000/svg"
    xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    version="1.0"
@@ -19,13 +20,21 @@
    enable-background="new 0 0 16 16"
    xml:space="preserve"
    sodipodi:version="0.32"
-   inkscape:version="0.91 r13725"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"
    sodipodi:docname="close-window.svg"
    inkscape:output_extension="org.inkscape.output.svg.inkscape"><metadata
      id="metadata2399"><rdf:RDF><cc:Work
          rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
            rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs
      id="defs2397"><linearGradient
+       inkscape:collect="always"
+       id="linearGradient844"><stop
+         style="stop-color:#c50ed2;stop-opacity:1"
+         offset="0"
+         id="stop840" /><stop
+         style="stop-color:#8500f7;stop-opacity:1"
+         offset="1"
+         id="stop842" /></linearGradient><linearGradient
        id="linearGradient3173"><stop
          style="stop-color:#c4c4c4;stop-opacity:1;"
          offset="0"
@@ -38,8 +47,16 @@
        inkscape:vp_y="0 : 1000 : 0"
        inkscape:vp_z="16 : 8 : 1"
        inkscape:persp3d-origin="8 : 5.3333333 : 1"
-       id="perspective2401" /></defs><sodipodi:namedview
+       id="perspective2401" /><linearGradient
-     inkscape:window-height="704"
+       inkscape:collect="always"
+       xlink:href="#linearGradient844"
+       id="linearGradient846"
+       x1="0.7272726"
+       y1="11.636364"
+       x2="22.545454"
+       y2="11.636364"
+       gradientUnits="userSpaceOnUse" /></defs><sodipodi:namedview
+     inkscape:window-height="713"
      inkscape:window-width="1366"
      inkscape:pageshadow="2"
      inkscape:pageopacity="0"
@@ -51,11 +68,11 @@
      pagecolor="#000000"
      id="base"
      showgrid="true"
-     inkscape:zoom="32.000001"
+     inkscape:zoom="8.898926"
-     inkscape:cx="12.529333"
+     inkscape:cx="0.34283058"
-     inkscape:cy="16.069558"
+     inkscape:cy="24.450083"
      inkscape:window-x="0"
-     inkscape:window-y="27"
+     inkscape:window-y="25"
      inkscape:current-layer="Foreground"
      showguides="true"
      inkscape:guide-bbox="true"
@@ -72,11 +89,15 @@
      clip-rule="evenodd"
      d="m 0.7272726,11.636364 c 0,-6.0245464 4.8845457,-10.90909163 10.9090924,-10.90909163 6.024543,0 10.909089,4.88454523 10.909089,10.90909163 0,6.024546 -4.884546,10.909091 -10.909089,10.909091 -6.0245467,0 -10.9090924,-4.884545 -10.9090924,-10.909093 z"
      id="path2394-32"
-     style="color:#000000;fill:#ff5f50;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.45454550000000005;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
+     style="color:#000000;fill:url(#linearGradient846);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.4545455;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
      sodipodi:nodetypes="csssc"
      inkscape:connector-curvature="0" /><g
      id="g3172-6"
      transform="translate(4.7533483,2.8238929)" /><path
+     style="color:#000000;clip-rule:evenodd;display:inline;overflow:visible;visibility:visible;fill:#1a1e21;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.30909085;marker:none;enable-background:accumulate"
+     d="m 11.636363,1.8181816 c -5.4220897,0 -9.8181798,4.3960904 -9.8181798,9.8181824 0,5.422093 4.3960901,9.818181 9.8181798,9.818181 5.422089,0 9.818182,-4.396091 9.818182,-9.818181 0,-5.422092 -4.396093,-9.8181824 -9.818182,-9.8181824 z"
+     id="path2394-32-3"
+     inkscape:connector-curvature="0" /><path
      d="m 8.9519832,7.2814498 2.6448998,2.6676769 2.68113,-2.6676769 c 1.118427,-0.9273761 2.760725,0.5779314 1.666643,1.6810017 l -2.644896,2.6676785 2.608666,2.631133 c 1.305091,1.315814 -0.493499,2.86379 -1.666647,1.681003 L 11.59688,13.274588 8.9519805,15.942266 C 7.9249237,16.97776 6.2096464,15.345788 7.285332,14.261263 L 9.9302312,11.63013 7.285332,8.9624515 C 6.1503592,7.8181541 7.8408705,6.1612084 8.9519832,7.2814498 z"
      inkscape:connector-curvature="0"
      id="path27279-0-5"

gnome-shell/extensions/_openweather.scss

@@ -0,0 +1,13 @@
+.openweather-current-summarybox,
+.openweather-forecast-icon,
+.openweather-current-databox-captions,
+.openweather-current-databox-values,
+.openweather-current-icon,
+.openweather-forecast-summary,
+.openweather-forecast-temperature{
+    background: transparent;
+}
+
+.openweather-current-databox-captions, .openweather-forecast-day {
+    color: $selected_bg_color;
+}

gnome-shell/gnome-shell.scss

@@ -1,5 +1,6 @@
 $subtheme: 'main';
 
-@import "_colors"; //use gtk colors
+@import "colors"; //use gtk colors
-@import "_drawing";
+@import "drawing";
-@import "_common";
+@import "common";
+@import "extensions"