[chrome] apply style to siteoptionsbutton and bookmarkbutton

Author: velzie

packages/chrome/src/components/Omnibar/BookmarkButton.tsx

@@ -48,7 +48,7 @@ export function BookmarkButton(s: { url: URL }) {
 BookmarkButton.style = css`
 	:scope {
 		font-size: 1em;
-		color: var(--fg2);
+		color: var(--toolbar_text);
 		display: flex;
 		margin: 0.25em;
 		padding: 0.25em;
@@ -58,10 +58,9 @@ BookmarkButton.style = css`
 		align-items: center;
 		justify-content: center;
 
-		color: var(--fg2);
 		border-radius: 0.2em;
 	}
 	:scope:hover {
-		background: var(--bg01);
+		background: var(--toolbarbutton-hover-background);
 	}
 `;

packages/chrome/src/components/Omnibar/SiteOptionsButton.tsx

@@ -34,16 +34,16 @@ SiteOptionsButton.style = css`
 		background: none;
 		outline: none;
 		border: none;
-		color: var(--fg);
+		color: var(--toolbar_text);
 		font-size: 1em;
 		padding: 0.1em;
 		border-radius: 0.2em;
 		display: flex;
 		align-items: center;
 		justify-content: center;
-		background: var(--bg01);
+		background: var(--toolbar);
 	}
 	:scope:hover {
-		background: var(--bg02);
+		background: var(--toolbarbutton-hover-background);
 	}
 `;