feat: themed logos [CFE-75] (#220)

* feat: themed logos * Update README.md Co-authored-by: Maria Eguiluz <[email protected]> * feat: add fallback hex code * Update README.md --------- Co-authored-by: Maria Eguiluz <[email protected]>
washingtonpost · Dec 10, 2024 · fb70645 · fb70645
1 parent 5745ba4
commit fb70645
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 4 deletions.
diff --git a/README.md b/README.md
@@ -9,4 +9,10 @@
 3. Click the "Upload" button
 4. Visit Github to see your changes
 
-.
+## Theming
+
+Branded logos will use WPDS Theme Colors like so where a CSS property/variable is used with a fallback hex code.
+
+```html
+fill="var(--wpds-colors-primary, #111)"
+```
diff --git a/app/app.jsx b/app/app.jsx
@@ -35,8 +35,8 @@ const App = () => {
       {Object.keys(AllAssets).map((Asset) => {
         const Component = AllAssets[Asset];
         return (
-          <article key={Asset}>
-            <h2>{Asset}</h2>
+          <article key={Asset} href={`#${Asset}`}>
+            <h2 id={`#${Asset}`}>{Asset}</h2>
             <AssetContainer>
               <Component />
             </AssetContainer>

diff --git a/src/washington-post.svg b/src/washington-post.svg