tweaks

Author: Rich-Harris

packages/site-kit/src/lib/components/Banner.svelte

@@ -38,6 +38,7 @@
 
 		<button
 			aria-label="Dismiss"
+			class="raised primary"
 			onclick={() => {
 				$hidden[banner.id] = true;
 			}}
@@ -63,14 +64,15 @@
 		height: var(--sk-banner-height);
 		background: var(--sk-theme-1-variant);
 		color: white;
-		padding: 0 3rem;
+		padding: 0 4rem;
 	}
 
 	button {
 		position: absolute;
-		top: 0;
-		right: 1rem;
+		right: var(--sk-page-padding-side);
 		height: 100%;
+		width: 3.2rem;
+		height: 3.2rem;
 	}
 
 	a {
@@ -103,6 +105,10 @@
 			bottom: 0;
 		}
 
+		button {
+			right: 1rem;
+		}
+
 		.large {
 			display: initial;
 		}

packages/site-kit/src/lib/styles/utils/buttons.css

@@ -10,8 +10,16 @@
 			hsla(12, 93%, 70%);
 		--sk-raised-active-color: hsla(12, 93%, 30%) hsla(12, 93%, 70%) hsla(12, 93%, 70%)
 			hsla(12, 93%, 30%);
-		background: var(--sk-theme-1);
+		background: var(--sk-theme-1-variant);
 		color: white;
+
+		:root.dark & {
+			--sk-raised-color: hsla(12, 93%, 60%) hsla(12, 93%, 30%) hsla(12, 93%, 30%) hsla(12, 93%, 60%);
+			--sk-raised-hover-color: hsla(12, 93%, 65%) hsla(12, 93%, 27%) hsla(12, 93%, 27%)
+				hsla(12, 93%, 65%);
+			--sk-raised-active-color: hsla(12, 93%, 25%) hsla(12, 93%, 70%) hsla(12, 93%, 70%)
+				hsla(12, 93%, 25%);
+		}
 	}
 
 	&:hover {