Make tabs stand out with adjusted colors

README.ko.md

@@ -268,10 +268,15 @@ showMobileMenuTerms = ["tags", "categories", "series"]
 # navbar
 enableThemeChange = true # site color theme
 
-# body
-enableBreadcrumb = true # breadcrumb for list, single page
+# search
 enableSearch = true # site search with fuse
 enableSearchHighlight = true # when true, search keyword will be highlighted
+searchContent = true # include content to search index
+searchDistance = 100 # fuse option: distance
+searchThreshold = 0.4 # 0.0: exact match, 1.0: any match
+
+# body
+enableBreadcrumb = true # breadcrumb for list, single page
 enableGoToTop = true # scroll to top
 enableWhoami = true # at the end of single page
 summaryShape = "classic" # card, classic, compact

assets/sass/components/_tab.scss

@@ -23,15 +23,15 @@
     padding: 0.5rem 0.75rem;
     border-top-left-radius: 0.25rem;
     border-top-right-radius: 0.25rem;
-    
+
     @include themify($themes) {
       color: themed('navbar-title-color');
-      background-color: themed('body-background-color');
+      background-color: themed('tab-link-background-color');
       border: none;
       border-bottom: 1px solid themed('hr-color');
 
       &.active {
-        background-color: themed('body-background-color');
+        background-color: themed('tab-link-active-background-color');
         border: 1px solid themed('hr-color');
         border-bottom: none;
       }
@@ -54,4 +54,4 @@
       background-color: themed('body-background-color');
     }
   }
-}
+}

assets/sass/pages/_single.scss

@@ -99,7 +99,7 @@
     margin: 1rem 0;
     font-size: 1rem;
     line-height: 1.7;
-    width: inheirt;
+    width: inherit;
     max-width: inherit;
     h1,
     h2,
@@ -629,4 +629,4 @@ table:not(.lntable) {
       padding: 2px 7px !important;
     }
   }
-}
+}

assets/sass/themes/_dark.scss

@@ -1,6 +1,6 @@
 $dark: (
     footer-background-color: #403E41,
-    footer-color: #bdbdbd, 
+    footer-color: #bdbdbd,
     link: #FFD866,
     link-hover: #FF6188,
     title-color: #ffd866,
@@ -14,7 +14,7 @@ $dark: (
     dropdown-content-background-color: #595B5C,
     dropdown-item-hover-background-color: #727072,
     dropdown-item-hover-color: #FCFCFA,
-    dropdown-item-color: #FCFCFA,    
+    dropdown-item-color: #FCFCFA,
     navbar-border-bottom-color: #4e4e4e,
     navbar-background-color: #403E41,
     navbar-mobile-background-color: #3a3a3a,
@@ -107,4 +107,6 @@ $dark: (
     share-background-color: lighten(#403E41, 2.5%),
     donation-background-color: #525252,
     button-primary-color: $button_dark_primary_color,
-);
+    tab-link-background-color: lighten(#2D2A2E, 5%),
+    tab-link-active-background-color: lighten(#2D2A2E, 20%),
+);

assets/sass/themes/_hacker.scss

@@ -107,4 +107,6 @@ $hacker: (
     share-background-color: #383b4c,
     donation-background-color: #43454d,
     button-primary-color: $button_hacker_primary_color,
-);
+    tab-link-background-color: lighten(#151715, 5%),
+    tab-link-active-background-color: lighten(#151715, 20%),
+);

assets/sass/themes/_kimbie.scss

@@ -106,4 +106,6 @@ $kimbie: (
   share-background-color: #403c38,
   donation-background-color: #52493c,
   button-primary-color: $button_kimbie_primary_color,
-);
+  tab-link-background-color: lighten(#221a0f, 5%),
+  tab-link-active-background-color: lighten(#221a0f, 20%),
+);

assets/sass/themes/_light.scss

@@ -1,6 +1,6 @@
 $light: (
     footer-background-color: #eee,
-    footer-color: #424242,  
+    footer-color: #424242,
     link: #607d8b,
     link-hover: #26a69a,
     title-color: #607d8b,
@@ -9,12 +9,12 @@ $light: (
     hr-color: #ccc,
     body-background-color: #fafafa,
     backdrop-background-color: #e0e0e0,
-    dropdown-border-top-color: #e0e0e0,    
+    dropdown-border-top-color: #e0e0e0,
     dropdown-item-active-background-color: #e0e0e0,
     dropdown-content-background-color: #fafafa,
     dropdown-item-hover-background-color: #bdbdbd,
     dropdown-item-hover-color: #FCFCFA,
-    dropdown-item-color: #555,    
+    dropdown-item-color: #555,
     navbar-border-bottom-color: #e0e0e0,
     navbar-background-color: #eee,
     navbar-mobile-background-color: #f1f1f1,
@@ -106,4 +106,6 @@ $light: (
     share-background-color: #90a4ae,
     donation-background-color: #eceff1,
     button-primary-color: $button_light_primary_color,
-);
+    tab-link-background-color: darken(#fafafa, 2%),
+    tab-link-active-background-color: darken(#fafafa, 10%),
+);

assets/sass/themes/_solarized.scss

@@ -14,7 +14,7 @@ $solarized: (
     dropdown-content-background-color: #fafafa,
     dropdown-item-hover-background-color: darken(#FBF1D1, 5%),
     dropdown-item-hover-color: #B58900,
-    dropdown-item-color: #424242,    
+    dropdown-item-color: #424242,
     navbar-border-bottom-color: #eddc9f,
     navbar-background-color: #EEE8D5,
     navbar-mobile-background-color: darken(#EEE8D5, 2.5%),
@@ -106,4 +106,6 @@ $solarized: (
     share-background-color: #99907a,
     donation-background-color: #c5e0df,
     button-primary-color: $button_solarized_primary_color,
-);
+    tab-link-background-color: darken(#FDF7E3, 5%),
+    tab-link-active-background-color: darken(#FDF7E3, 20%),
+);

exampleSite/config/_default/params.toml

@@ -30,15 +30,19 @@ hideHomeHeaderWhenMobile = false
 # menu
 showMobileMenuTerms = ["tags", "categories", "series"]
 
-# body
-enableBreadcrumb = true
-enablePhotoSwipe = true
+# search
 enableSearch = true
 enableSearchHighlight = true
+searchResultPosition = "main" # side, main
+searchContent = true # include content to search index
+searchDistance = 100 # fuse option
+searchThreshold = 0.4 # 0.0: exact match, 1.0: any match
+
+# body
+enableBreadcrumb = true
 enableGoToTop = true
 enableWhoami = true
 summaryShape = "classic" # card, classic, compact
-searchResultPosition = "main" # side, main
 archiveGroupByDate = "2006" # "2006-01": group by month, "2006": group by year
 archivePaginate = 13
 paginateWindow = 1

i18n/de.toml

@@ -0,0 +1,119 @@
+[search-placeholder]
+other = "Suchen ..."
+
+[summary-dateformat]
+other = "02.01.2006"
+
+[reading-time]
+other = "Min. Lesezeit"
+
+[tags]
+other = "Stichworte"
+
+[categories]
+other = "Kategorien"
+
+[series]
+other = "Serien"
+
+[archive-dateformat]
+other = "02.01."
+
+[talks-dateformat]
+other = "02.01."
+
+[single-dateformat]
+other = "02.01.2006"
+
+[pub-dateformat]
+other = "2006-01-02"
+
+[resume-dateformat]
+other = "Jan, 2006"
+
+[single-related]
+other = "Vgl. auch"
+
+[single-writtenBy]
+other = "ERSTELLT VON"
+
+[toc-label]
+other = "Inhaltsverzeichnis"
+
+[counter-site-pv]
+other = "Summe der Seitenaufrufe"
+
+[counter-site-uv]
+other = "Summe an Besuchern"
+
+[counter-page-pv]
+other = "Seitenaufrufe"
+
+[donate-message]
+other = "Unterstützen Sie den Autor über"
+
+[share-message]
+other = "Inhalt teilen auf:"
+
+[contact-name]
+other = "Name"
+
+[contact-email]
+other = "E-Mail"
+
+[contact-tel]
+other = "Tel"
+
+[contact-file]
+other = "Datei"
+
+[contact-message]
+other = "Nachricht"
+
+[contact-send]
+other = "Senden"
+
+[contact-browse]
+other = "Durchsuchen ..."
+
+[tooltip-home]
+other = "Start"
+
+[tooltip-written]
+other = "erstellt am:"
+
+[tooltip-modified]
+other = "geändert am:"
+
+[tooltip-reading-time]
+other = "Lesezeit"
+
+[showcase-overview]
+other = "Übersicht"
+
+[showcase-pinned]
+other = "gepinnt"
+
+[nojs-message]
+other = "Für eine optimale Darstellung aktivieren Sie bitte JavaScript."
+
+[posts-by-order]
+other = "TOP NACHRICHTEN"
+
+[skin-dark]
+other = "Dunkel"
+
+[skin-light]
+other = "Hell"
+
+[skin-hacker]
+other = "Schwarz/Grün"
+
+[skin-solarized]
+other = "Samtig Hell"
+
+[skin-kimbie]
+other = "Braun"
+
+[no-contents]
+other = "Hier gibt es nichts zu sehen!"

i18n/fr.toml

@@ -41,13 +41,13 @@ other = "RÉDIGÉ PAR"
 other = "Contenu"
 
 [counter-site-pv]
-other = "Total views"
+other = "Vues totales"
 
 [counter-site-uv]
 other = "visiteurs"
 
 [counter-page-pv]
-other = "views"
+other = "vues"
 
 [donate-message]
 other = "Soutenez l'auteur avec"
@@ -83,7 +83,7 @@ other = "Accueil"
 other = "Rédigé le"
 
 [tooltip-modified]
-other = "Modifié At"
+other = "Modifié le"
 
 [tooltip-reading-time]
 other = "Temps de lecture"
@@ -101,10 +101,10 @@ other = "Pour un rendu optimal, activez JavaScript"
 other = "MEILLEURES PUBLICATIONS"
 
 [skin-dark]
-other = "dark"
+other = "sombre"
 
 [skin-light]
-other = "light"
+other = "clair"
 
 [skin-hacker]
 other = "hacker"
@@ -116,4 +116,4 @@ other = "solarized"
 other = "kimbie"
 
 [no-contents]
-other = "Nothing to Display"
+other = "Rien à afficher"