Predefined color schemes (Sunstone Las Vegas Homes)

Las Vegas & Sunstone — Published by Dr. Jan Duffy (Nevada license S.0197614.LLC, Berkshire Hathaway HomeServices Nevada Properties). Technical reference for Sunstone Las Vegas Homes. MLS home search.

The AstroPaper theme ships predefined light and dark palettes. You can swap schemes while keeping accessible contrast—important for mobile buyers browsing listings in bright desert sun or at night.

If you need the theme toggle and SITE settings first, read How we configure this site (AstroPaper theme) and Customizing color schemes.

Table of contents

Light color schemes

Light color scheme has to be defined using the css selector :root and html[data-theme="light"].

Lobster

:root,
html[data-theme="light"] {
  --background: #f6eee1;
  --foreground: #012c56;
  --accent: #e14a39;
  --muted: #efd8b0;
  --border: #dc9891;
}

Leaf Blue

:root,
html[data-theme="light"] {
  --background: #f2f5ec;
  --foreground: #353538;
  --accent: #1158d1;
  --muted: #bbc789;
  --border: #7cadff;
}

Pinky light

:root,
html[data-theme="light"] {
  --background: #fafcfc;
  --foreground: #222e36;
  --accent: #d3006a;
  --muted: #f1bad4;
  --border: #e3a9c6;
}

Dark color schemes

Dark color scheme has to be defined as html[data-theme="dark"].

AstroPaper 1 original Dark Theme

html[data-theme="dark"] {
  --background: #2f3741;
  --foreground: #e6e6e6;
  --accent: #1ad9d9;
  --muted: #596b81;
  --border: #3b4655;
}

Deep Oyster

html[data-theme="dark"] {
  --background: #21233d;
  --foreground: #f4f7f5;
  --accent: #ff5256;
  --muted: #4a4e86;
  --border: #b12f32;
}

Pikky dark

html[data-theme="dark"] {
  --background: #353640;
  --foreground: #e9edf1;
  --accent: #ff78c8;
  --muted: #715566;
  --border: #86436b;
}

Astro dark (High Contrast)

html[data-theme="dark"] {
  --background: #212737;
  --foreground: #eaedf3;
  --accent: #ff6b01;
  --muted: #8a3302;
  --border: #ab4b08;
}

Astro dark (New default dark theme in AstroPaper 2)

html[data-theme="dark"] {
  --background: #212737; /* lower contrast background */
  --foreground: #eaedf3;
  --accent: #ff6b01;
  --muted: #8a3302;
  --border: #ab4b08;
}

Astro Deep Purple (New dark theme in AstroPaper 3)

html[data-theme="dark"] {
  --background: #212737;
  --foreground: #eaedf3;
  --accent: #eb3fd3;
  --muted: #7d4f7c;
  --border: #642451;
}

AstroPaper v4 Special (New dark theme in AstroPaper 4)

html[data-theme="dark"] {
  --background: #000123;
  --accent: #617bff;
  --foreground: #eaedf3;
  --muted: #0c0e4f;
  --border: #303f8a;
}