modernize tabs

gtk-2.0/gtkrc

@@ -97,7 +97,129 @@ style "default" {
 
     GtkProgressBar::min-horizontal-bar-height = 6
     GtkProgressBar::min-vertical-bar-width = 6
+    
+  engine "pixmap" {
+    image {
+      function = EXTENSION
+      state    = NORMAL
+      file     = "../img/tab-active.png"
+      border   = { 0,0,0,2 }
+      stretch  = TRUE
+      gap_side = BOTTOM
+    }
 
+    image {
+      function = EXTENSION
+      file     = "../img/tab-inactive.png"
+      border   = { 0,0,0,2 }
+      stretch  = TRUE
+      gap_side = BOTTOM
+    }
+
+    image {
+      function = EXTENSION
+      state    = NORMAL
+      file     = "../img/tab-active-180.png"
+      border   = { 0,0,2,0 }
+      stretch  = TRUE
+      gap_side = TOP
+    }
+
+    image {
+      function = EXTENSION
+      file     = "../img/tab-inactive.png"
+      border   = { 0,0,2,0 }
+      stretch  = TRUE
+      gap_side = TOP
+    }
+
+        image {
+      function = EXTENSION
+      state    = NORMAL
+      file     = "../img/tab-active-90.png"
+      border   = { 0,2,0,0 }
+      stretch  = TRUE
+      gap_side = LEFT
+    }
+
+    image {
+      function = EXTENSION
+      file     = "../img/tab-inactive-90.png"
+      border   = { 0,2,0,0 }
+      stretch  = TRUE
+      gap_side = LEFT
+    }
+
+        image {
+      function = EXTENSION
+      state    = NORMAL
+      file     = "../img/tab-active-279.png"
+      border   = { 2,0,0,0 }
+      stretch  = TRUE
+      gap_side = RIGHT
+    }
+
+    image {
+      function = EXTENSION
+      file     = "../img/tab-inactive-90.png"
+      border   = { 2,0,0,0 }
+      stretch  = TRUE
+      gap_side = RIGHT
+    }
+
+     image {
+      function   = BOX_GAP
+      detail     = "notebook"
+      file       = "../img/base.png"
+      border     = {0,0,0,0}
+      stretch    = TRUE
+      gap_file   = "../img/base"
+      gap_border = {0,0,0,0}
+      gap_side   = LEFT
+    }
+
+         image {
+      function   = BOX_GAP
+      detail     = "notebook"
+      file       = "../img/base.png"
+      border     = {0,0,0,0}
+      stretch    = TRUE
+      gap_file   = "../img/base"
+      gap_border = {0,0,0,0}
+      gap_side   = RIGHT
+    }
+
+             image {
+      function   = BOX_GAP
+      detail     = "notebook"
+      file       = "../img/base.png"
+      border     = {0,0,0,0}
+      stretch    = TRUE
+      gap_file   = "../img/base"
+      gap_border = {0,0,0,0}
+      gap_side   = TOP
+    }
+
+             image {
+      function   = BOX_GAP
+      detail     = "notebook"
+      file       = "../img/base.png"
+      border     = {0,0,0,0}
+      stretch    = TRUE
+      gap_file   = "../img/base"
+      gap_border = {0,0,0,0}
+      gap_side   = BOTTOM
+    }
+
+    # Standalone frame
+    image {
+      function = BOX
+      detail   = "notebook"
+      file     = "./img/base.png"
+      border   = {0,0,0,0}
+      stretch  = TRUE
+    }
+}
 }
 
 style "button" {
@@ -322,6 +444,129 @@ style "notebook" {
     fg[ACTIVE] = @black_color
     fg[PRELIGHT] = @black_color
     bg[ACTIVE]          = @darker_color   # pour variantes de couleur
+    
+  engine "pixmap" {
+    image {
+      function = EXTENSION
+      state    = NORMAL
+      file     = "../img/tab-active.png"
+      border   = { 0,0,0,2 }
+      stretch  = TRUE
+      gap_side = BOTTOM
+    }
+
+    image {
+      function = EXTENSION
+      file     = "../img/tab-inactive.png"
+      border   = { 0,0,0,2 }
+      stretch  = TRUE
+      gap_side = BOTTOM
+    }
+
+    image {
+      function = EXTENSION
+      state    = NORMAL
+      file     = "../img/tab-active-180.png"
+      border   = { 0,0,2,0 }
+      stretch  = TRUE
+      gap_side = TOP
+    }
+
+    image {
+      function = EXTENSION
+      file     = "../img/tab-inactive.png"
+      border   = { 0,0,2,0 }
+      stretch  = TRUE
+      gap_side = TOP
+    }
+
+        image {
+      function = EXTENSION
+      state    = NORMAL
+      file     = "../img/tab-active-90.png"
+      border   = { 0,2,0,0 }
+      stretch  = TRUE
+      gap_side = LEFT
+    }
+
+    image {
+      function = EXTENSION
+      file     = "../img/tab-inactive-90.png"
+      border   = { 0,2,0,0 }
+      stretch  = TRUE
+      gap_side = LEFT
+    }
+
+        image {
+      function = EXTENSION
+      state    = NORMAL
+      file     = "../img/tab-active-279.png"
+      border   = { 2,0,0,0 }
+      stretch  = TRUE
+      gap_side = RIGHT
+    }
+
+    image {
+      function = EXTENSION
+      file     = "../img/tab-inactive-90.png"
+      border   = { 2,0,0,0 }
+      stretch  = TRUE
+      gap_side = RIGHT
+    }
+
+     image {
+      function   = BOX_GAP
+      detail     = "notebook"
+      file       = "../img/base.png"
+      border     = {0,0,0,0}
+      stretch    = TRUE
+      gap_file   = "../img/base"
+      gap_border = {0,0,0,0}
+      gap_side   = LEFT
+    }
+
+         image {
+      function   = BOX_GAP
+      detail     = "notebook"
+      file       = "../img/base.png"
+      border     = {0,0,0,0}
+      stretch    = TRUE
+      gap_file   = "../img/base"
+      gap_border = {0,0,0,0}
+      gap_side   = RIGHT
+    }
+
+             image {
+      function   = BOX_GAP
+      detail     = "notebook"
+      file       = "../img/base.png"
+      border     = {0,0,0,0}
+      stretch    = TRUE
+      gap_file   = "../img/base"
+      gap_border = {0,0,0,0}
+      gap_side   = TOP
+    }
+
+             image {
+      function   = BOX_GAP
+      detail     = "notebook"
+      file       = "../img/base.png"
+      border     = {0,0,0,0}
+      stretch    = TRUE
+      gap_file   = "../img/base"
+      gap_border = {0,0,0,0}
+      gap_side   = BOTTOM
+    }
+
+    # Standalone frame
+    image {
+      function = BOX
+      detail   = "notebook"
+      file     = "./img/base.png"
+      border   = {0,0,0,0}
+      stretch  = TRUE
+    }
+}
 
 }
 

gtk-3.0/gtk.css

@@ -508,19 +508,18 @@ notebook {
 
 notebook frame {
     background-color: @base_color;
-    border-left: 1px solid @outset_lighter_color;
+    border-left: none;
-    border-top: 1px solid @outset_lighter_color;
+    border-top: none;
-    border-right: 1.3px solid @trueblack;
+    border-right: none;
-    border-bottom: 1.3px solid @trueblack;
+    border-bottom: none;
 }
 
 notebook tab {
-    background-color: @darker_color;
+    background-color: @base_color;
-    border: 1px solid @outset_darker_color;
+    border-right: 0px solid @base_color;
-    border-right: 1px solid @trueblack;
+    border-bottom: 2px solid @base_color;
-    border-bottom: 1px solid @outset_lighter_color;
+    border-left: 0px solid @base_color;
-    border-left: none;
+    border-top: 0px solid @base_color;
-    border-top: 1px solid @darker_color;
         padding: 3px;
         margin: 0px;
 }
@@ -528,10 +527,10 @@ notebook tab {
 notebook tab:checked,
 notebook tab:active {
     background-color: @base_color;
-    border-left: 1px solid @outset_lighter_color;
+    border-right: 0px solid @base_color;
-    border-top: 1px solid @base_color;
+    border-bottom: 2px solid @scale_color;
-    border-bottom: 1px solid @base_color;
+    border-left: 0px solid @base_color;
-    border-right: 1px solid @trueblack;
+    border-top: 0px solid @base_color;
 }
 
 frame