fix: stylevar --primary-color is --primary

veith · veith · commit 3d791c495fb1 · 2019-08-04T11:39:17.000+02:00
diff --git a/_page/components/header-toolbar.js b/_page/components/header-toolbar.js
@@ -84,7 +84,7 @@ class HeaderToolbar extends FBP(LitElement) {
         :host([selected="api"]) a[name="api"],
         :host([selected="guide"]) a[name="guide"]
         {
-            border-bottom: 2px solid var(--on-secondary);
+            border-bottom: 2px solid var(--accent);
         }
        
 
diff --git a/_page/home/view-home.js b/_page/home/view-home.js
@@ -81,7 +81,7 @@ class ViewHome extends FBP(LitElement) {
             display: flex;
             align-content: start;
             font-weight: 500;
-            color: var(--on-background);
+            color:var(--accent);
         }
 
         h1 {
@@ -128,6 +128,9 @@ class ViewHome extends FBP(LitElement) {
         h2.with-footnote{
             margin-bottom: 0;
         }
+        a{
+            color:var(--accent);
+        }
     `
   }
 
diff --git a/_page/styling.js b/_page/styling.js
@@ -10,7 +10,7 @@ export class Styling {
                 --primary: #ececec;
                 --accent: #3f83e3;
                 --primary-variant: #f4f4f4;
-                --secondary: #f4f4f4;
+                --secondary: #ffeb3b;
                 --secondary-variant: #edeeed;
                 --background: #ffffff;
                 --surface: #eeeeee;
@@ -26,7 +26,7 @@ export class Styling {
                 --on-danger: #FAFAFA;
                 --on-primary: #212121;
                 --on-primary-variant: #585858;
-                --on-secondary: #212121;
+                --on-secondary: #000000;
                 --on-background: #212121;
                 --on-surface: #212121;
                 --on-header: #ffffff;
diff --git a/packages/furo-data-input/furo-data-checkbox-input.js b/packages/furo-data-input/furo-data-checkbox-input.js
@@ -67,7 +67,7 @@ class FuroDataCheckboxInput extends FBP(FuroInputBase(LitElement)) {
         }
 
         :host(:focus-within) .border{
-            border-color: var(--primary-color,#3f51b5);
+            border-color: var(--primary,#3f51b5);
             border-width: 1px;
         }
         
diff --git a/packages/furo-data-input/furo-data-collection-dropdown.js b/packages/furo-data-input/furo-data-collection-dropdown.js
@@ -75,7 +75,7 @@ class FuroDataCollectionDropdown extends FBP(FuroInputBase(LitElement)) {
          }
 
         label[float="true"] {
-            color: var(--primary-color, #3f51b5);
+            color: var(--primary, #3f51b5);
             font-size: 10px;
             top: -4px;
             visibility: visible;
@@ -105,7 +105,7 @@ class FuroDataCollectionDropdown extends FBP(FuroInputBase(LitElement)) {
         }
 
         :host(:focus-within) .border {
-            border-color: var(--primary-color, #3f51b5);
+            border-color: var(--primary, #3f51b5);
             border-width: 1px;
         }
     `
diff --git a/packages/furo-data-input/furo-data-color-input.js b/packages/furo-data-input/furo-data-color-input.js
@@ -101,7 +101,7 @@ class FuroDataColorInput extends FBP(FuroInputBase(LitElement)) {
         }
         
         :host(:focus-within) .border {
-            border-color: var(--primary-color, #3f51b5);
+            border-color: var(--primary, #3f51b5);
             border-width: 1px;
         }
     `
diff --git a/packages/furo-data-input/furo-data-date-input.js b/packages/furo-data-input/furo-data-date-input.js
@@ -76,7 +76,7 @@ class FuroDataDateInput extends FBP(FuroInputBase(LitElement)) {
             overflow: hidden;
             white-space: nowrap;
             text-align: left;
-            color: var(--primary-color, #3f51b5);
+            color: var(--primary, #3f51b5);
             font-size: 10px;
             top: -4px;
             visibility: visible;
@@ -108,7 +108,7 @@ class FuroDataDateInput extends FBP(FuroInputBase(LitElement)) {
         }
 
         :host(:focus-within) .border {
-            border-color: var(--primary-color, #3f51b5);
+            border-color: var(--primary, #3f51b5);
             border-width: 1px;
         }
     `
diff --git a/packages/furo-data-input/furo-data-password-input.js b/packages/furo-data-input/furo-data-password-input.js
@@ -86,7 +86,7 @@ class FuroDataPasswordInput extends FBP(FuroInputBase(LitElement)) {
          }
 
         label[float="true"] {
-            color: var(--primary-color, #3f51b5);
+            color: var(--primary, #3f51b5);
             font-size: 10px;
             top: -4px;
             visibility: visible;
@@ -116,7 +116,7 @@ class FuroDataPasswordInput extends FBP(FuroInputBase(LitElement)) {
         }
 
         :host(:focus-within) .border {
-            border-color: var(--primary-color, #3f51b5);
+            border-color: var(--primary, #3f51b5);
             border-width: 1px;
         }
     `
diff --git a/packages/furo-data-input/furo-data-range-input.js b/packages/furo-data-input/furo-data-range-input.js
@@ -82,7 +82,7 @@ class FuroDataRangeInput extends FBP(FuroInputBase(LitElement)) {
          }
 
         label[float="true"] {
-            color: var(--primary-color, #3f51b5);
+            color: var(--primary, #3f51b5);
             font-size: 10px;
             top: -4px;
             visibility: visible;
@@ -112,7 +112,7 @@ class FuroDataRangeInput extends FBP(FuroInputBase(LitElement)) {
         }
 
         :host(:focus-within) .border {
-            border-color: var(--primary-color, #3f51b5);
+            border-color: var(--primary, #3f51b5);
             border-width: 1px;
         }
     `
diff --git a/packages/furo-data-input/furo-data-search-input.js b/packages/furo-data-input/furo-data-search-input.js
@@ -81,7 +81,7 @@ class FuroDataSearchInput extends FBP(FuroInputBase(LitElement)) {
         }
 
         label[float="true"] {
-            color: var(--primary-color, #3f51b5);
+            color: var(--primary, #3f51b5);
             font-size: 10px;
             top: -4px;
             visibility: visible;
@@ -111,7 +111,7 @@ class FuroDataSearchInput extends FBP(FuroInputBase(LitElement)) {
         }
 
         :host(:focus-within) .border {
-            border-color: var(--primary-color, #3f51b5);
+            border-color: var(--primary, #3f51b5);
             border-width: 1px;
         }
     `
diff --git a/packages/furo-data-input/furo-data-textarea-input.js b/packages/furo-data-input/furo-data-textarea-input.js
@@ -68,7 +68,7 @@ class FuroDataTextareaInput extends FBP(FuroInputBase(LitElement)) {
          }
 
         label[float="true"] {
-            color: var(--primary-color, #3f51b5);
+            color: var(--primary, #3f51b5);
             font-size: 10px;
             top: -4px;
             visibility: visible;
@@ -98,7 +98,7 @@ class FuroDataTextareaInput extends FBP(FuroInputBase(LitElement)) {
         }
 
         :host(:focus-within) .border {
-            border-color: var(--primary-color, #3f51b5);
+            border-color: var(--primary, #3f51b5);
             border-width: 1px;
         }
 
diff --git a/packages/furo-data-input/furo-data-time-input.js b/packages/furo-data-input/furo-data-time-input.js
@@ -80,7 +80,7 @@ class FuroDataTimeInput extends FBP(FuroInputBase(LitElement)) {
          }
 
         label[float="true"] {
-            color: var(--primary-color, #3f51b5);
+            color: var(--primary, #3f51b5);
             font-size: 10px;
             top: -4px;
             visibility: visible;
@@ -110,7 +110,7 @@ class FuroDataTimeInput extends FBP(FuroInputBase(LitElement)) {
         }
 
         :host(:focus-within) .border {
-            border-color: var(--primary-color, #3f51b5);
+            border-color: var(--primary, #3f51b5);
             border-width: 1px;
         }
     `
diff --git a/packages/furo-data-input/reference-search-item.js b/packages/furo-data-input/reference-search-item.js
@@ -59,7 +59,7 @@ class ReferenceSearchItem extends FBP(LitElement) {
         }
 
         div {
-            border-bottom: 1px solid var(--primary-color);
+            border-bottom: 1px solid var(--primary);
             padding: 8px;
             cursor: pointer;
             box-sizing: border-box;
diff --git a/packages/furo-data-ui/furo-data-table.js b/packages/furo-data-ui/furo-data-table.js
@@ -138,7 +138,7 @@ class FuroDataTable extends FBP(LitElement) {
 
             th {
                 background-color: var(--on-primary, transparent);
-                color: var(--primary-color, #035CA1);
+                color: var(--primary, #035CA1);
                 white-space: nowrap;
                 font-weight: bold;
             }
@@ -209,7 +209,7 @@ class FuroDataTable extends FBP(LitElement) {
             }
 
             tbody tr[selected=true] .ri:before {
-                background-color: var(--primary-color, #4d90f0);
+                background-color: var(--primary, #4d90f0);
                 content: '';
                 display: block;
                 height: 100%;
diff --git a/packages/furo-doc-helper/furo-component-page.js b/packages/furo-doc-helper/furo-component-page.js
@@ -24,13 +24,6 @@ class FuroComponentPage extends FBP(LitElement) {
    * @private
    * @return {CSSResult}
    */
-  static get styles() {
-    // language=CSS
-    return Theme.getThemeForComponent(this.name) || css`
-       
-    `
-  }
-
   static get styles() {
 
     let theme = Theme.getThemeForComponent(this.name);
diff --git a/packages/furo-doc-helper/furo-demo-snippet.js b/packages/furo-doc-helper/furo-demo-snippet.js
diff --git a/packages/furo-doc-helper/styling.js b/packages/furo-doc-helper/styling.js
diff --git a/packages/furo-form/furo-collapsible-box.js b/packages/furo-form/furo-collapsible-box.js
diff --git a/packages/furo-input/demo/demo-furo-button.js b/packages/furo-input/demo/demo-furo-button.js
diff --git a/packages/furo-input/furo-button.js b/packages/furo-input/furo-button.js
diff --git a/packages/furo-navigation/furo-tree.js b/packages/furo-navigation/furo-tree.js

Original file line number	Diff line number	Diff line change
`@@ -84,7 +84,7 @@ class HeaderToolbar extends FBP(LitElement) {`
`84`	`84`	`:host([selected="api"]) a[name="api"],`
`85`	`85`	`:host([selected="guide"]) a[name="guide"]`
`86`	`86`	`{`
`87`		`- border-bottom: 2px solid var(--on-secondary);`
	`87`	`+ border-bottom: 2px solid var(--accent);`
`88`	`88`	`}`
`89`	`89`
`90`	`90`
Original file line number	Diff line number	Diff line change
`@@ -81,7 +81,7 @@ class ViewHome extends FBP(LitElement) {`
`81`	`81`	`display: flex;`
`82`	`82`	`align-content: start;`
`83`	`83`	`font-weight: 500;`
`84`		`- color: var(--on-background);`
	`84`	`+ color:var(--accent);`
`85`	`85`	`}`
`86`	`86`
`87`	`87`	`h1 {`
`@@ -128,6 +128,9 @@ class ViewHome extends FBP(LitElement) {`
`128`	`128`	`h2.with-footnote{`
`129`	`129`	`margin-bottom: 0;`
`130`	`130`	`}`
	`131`	`+ a{`
	`132`	`+ color:var(--accent);`
	`133`	`+ }`
`131`	`134`	`
`132`	`135`	`}`
`133`	`136`
Original file line number	Diff line number	Diff line change
`@@ -67,7 +67,7 @@ class FuroDataCheckboxInput extends FBP(FuroInputBase(LitElement)) {`
`67`	`67`	`}`
`68`	`68`
`69`	`69`	`:host(:focus-within) .border{`
`70`		`- border-color: var(--primary-color,#3f51b5);`
	`70`	`+ border-color: var(--primary,#3f51b5);`
`71`	`71`	`border-width: 1px;`
`72`	`72`	`}`
`73`	`73`
Original file line number	Diff line number	Diff line change
`@@ -75,7 +75,7 @@ class FuroDataCollectionDropdown extends FBP(FuroInputBase(LitElement)) {`
`75`	`75`	`}`
`76`	`76`
`77`	`77`	`label[float="true"] {`
`78`		`- color: var(--primary-color, #3f51b5);`
	`78`	`+ color: var(--primary, #3f51b5);`
`79`	`79`	`font-size: 10px;`
`80`	`80`	`top: -4px;`
`81`	`81`	`visibility: visible;`
`@@ -105,7 +105,7 @@ class FuroDataCollectionDropdown extends FBP(FuroInputBase(LitElement)) {`
`105`	`105`	`}`
`106`	`106`
`107`	`107`	`:host(:focus-within) .border {`
`108`		`- border-color: var(--primary-color, #3f51b5);`
	`108`	`+ border-color: var(--primary, #3f51b5);`
`109`	`109`	`border-width: 1px;`
`110`	`110`	`}`
`111`	`111`	`
Original file line number	Diff line number	Diff line change
`@@ -101,7 +101,7 @@ class FuroDataColorInput extends FBP(FuroInputBase(LitElement)) {`
`101`	`101`	`}`
`102`	`102`
`103`	`103`	`:host(:focus-within) .border {`
`104`		`- border-color: var(--primary-color, #3f51b5);`
	`104`	`+ border-color: var(--primary, #3f51b5);`
`105`	`105`	`border-width: 1px;`
`106`	`106`	`}`
`107`	`107`	`
Original file line number	Diff line number	Diff line change
`@@ -76,7 +76,7 @@ class FuroDataDateInput extends FBP(FuroInputBase(LitElement)) {`
`76`	`76`	`overflow: hidden;`
`77`	`77`	`white-space: nowrap;`
`78`	`78`	`text-align: left;`
`79`		`- color: var(--primary-color, #3f51b5);`
	`79`	`+ color: var(--primary, #3f51b5);`
`80`	`80`	`font-size: 10px;`
`81`	`81`	`top: -4px;`
`82`	`82`	`visibility: visible;`
`@@ -108,7 +108,7 @@ class FuroDataDateInput extends FBP(FuroInputBase(LitElement)) {`
`108`	`108`	`}`
`109`	`109`
`110`	`110`	`:host(:focus-within) .border {`
`111`		`- border-color: var(--primary-color, #3f51b5);`
	`111`	`+ border-color: var(--primary, #3f51b5);`
`112`	`112`	`border-width: 1px;`
`113`	`113`	`}`
`114`	`114`	`
Original file line number	Diff line number	Diff line change
`@@ -86,7 +86,7 @@ class FuroDataPasswordInput extends FBP(FuroInputBase(LitElement)) {`
`86`	`86`	`}`
`87`	`87`
`88`	`88`	`label[float="true"] {`
`89`		`- color: var(--primary-color, #3f51b5);`
	`89`	`+ color: var(--primary, #3f51b5);`
`90`	`90`	`font-size: 10px;`
`91`	`91`	`top: -4px;`
`92`	`92`	`visibility: visible;`
`@@ -116,7 +116,7 @@ class FuroDataPasswordInput extends FBP(FuroInputBase(LitElement)) {`
`116`	`116`	`}`
`117`	`117`
`118`	`118`	`:host(:focus-within) .border {`
`119`		`- border-color: var(--primary-color, #3f51b5);`
	`119`	`+ border-color: var(--primary, #3f51b5);`
`120`	`120`	`border-width: 1px;`
`121`	`121`	`}`
`122`	`122`	`
Original file line number	Diff line number	Diff line change
`@@ -82,7 +82,7 @@ class FuroDataRangeInput extends FBP(FuroInputBase(LitElement)) {`
`82`	`82`	`}`
`83`	`83`
`84`	`84`	`label[float="true"] {`
`85`		`- color: var(--primary-color, #3f51b5);`
	`85`	`+ color: var(--primary, #3f51b5);`
`86`	`86`	`font-size: 10px;`
`87`	`87`	`top: -4px;`
`88`	`88`	`visibility: visible;`
`@@ -112,7 +112,7 @@ class FuroDataRangeInput extends FBP(FuroInputBase(LitElement)) {`
`112`	`112`	`}`
`113`	`113`
`114`	`114`	`:host(:focus-within) .border {`
`115`		`- border-color: var(--primary-color, #3f51b5);`
	`115`	`+ border-color: var(--primary, #3f51b5);`
`116`	`116`	`border-width: 1px;`
`117`	`117`	`}`
`118`	`118`	`
Original file line number	Diff line number	Diff line change
`@@ -81,7 +81,7 @@ class FuroDataSearchInput extends FBP(FuroInputBase(LitElement)) {`
`81`	`81`	`}`
`82`	`82`
`83`	`83`	`label[float="true"] {`
`84`		`- color: var(--primary-color, #3f51b5);`
	`84`	`+ color: var(--primary, #3f51b5);`
`85`	`85`	`font-size: 10px;`
`86`	`86`	`top: -4px;`
`87`	`87`	`visibility: visible;`
`@@ -111,7 +111,7 @@ class FuroDataSearchInput extends FBP(FuroInputBase(LitElement)) {`
`111`	`111`	`}`
`112`	`112`
`113`	`113`	`:host(:focus-within) .border {`
`114`		`- border-color: var(--primary-color, #3f51b5);`
	`114`	`+ border-color: var(--primary, #3f51b5);`
`115`	`115`	`border-width: 1px;`
`116`	`116`	`}`
`117`	`117`	`