feat: Lay groundwork for dark mode; add titles to footer logos; change bg to egg shell (0d7daf1c) · Commits · Research Enablement / Sites / Research

src/components/Catalog.astro

+1 −0

Original line number	Diff line number	Diff line
		@@ -25,6 +25,7 @@ const { items } = Astro.props;
		margin: 10px;
		}
		.card-container {
		background-color: var(--background-color);
		cursor: pointer;
		display: flex;
		position: relative;

src/components/Footer.astro

+5 −3

Original line number	Diff line number	Diff line
		@@ -12,16 +12,18 @@ const { contact } = Astro.props;
		<span class="spacer">\|</span>
		<span class="phone">{contact.telephone}</span>
		</p>}
		<img class="logo" src="/assets/logo_ornl_green.svg" alt="ORNL Logo" />
		<img class="logo" src="/assets/logo_ornl_green.svg" alt="ORNL" title="Oak Ridge National Laboratory" />
		<img
		class="logo"
		src="/assets/logo_doe.svg"
		alt="DOE Office of Science Logo"
		alt="DOE"
		title="U.S. Department of Energy"
		/>
		<img
		class="logo"
		src="/assets/logo_ut_battelle.png"
		alt="UT Battelle Logo"
		alt="UT Battelle"
		title="UT Battelle"
		/>
		<p class="disclaimer">
		Oak Ridge National Laboratory is managed by UT-Battelle, LLC for the

src/components/QrCode.jsx

+1 −1

Original line number	Diff line number	Diff line
		@@ -18,7 +18,7 @@ const QrCode = ({ data, label = 'qr-code', options = {}, size = 600, toggle, vis
		stroke: 'blue',
		},
		overlay: {
		backgroundColor: 'white',
		backgroundColor: 'var(--background-color)',
		height: '100%',
		left: 0,
		position: 'fixed',

src/layouts/Layout.astro

+3 −47

Original line number	Diff line number	Diff line
		@@ -21,67 +21,23 @@ const { title } = Astro.props;
		</body>
		</html>
		<style is:global>
		:root {
		--font-family: "OpenSans", sans-serif;
		--font-family-about: "HaveHeartTwo", sans-serif;
		--icon-font-family: "FontAwesome";
		--primary:#1D722D;
		--primary-lightened: color-mix(in srgb, var(--primary) 50%, white);
		--alternate: #00454D;
		--alternate-lightened: color-mix(in srgb, var(--alternate) 15%, white);
		--hale-navy: var(--alternate);
		--logo: #007833;
		--secondary: #36A447;
		--accent: #F57E2A;
		--accent-secondary: #FDA500;
		--primary-font-color: #FFF;
		--background-color: #FFF;
		--background-first-section: color-mix(in srgb, var(--primary) 10%, white);
		}
		@font-face {
		font-family: "FontAwesome";
		src: url("/fonts/fa-solid-900.ttf") format("truetype");
		font-display: block;
		font-style: normal;
		font-weight: normal;
		}
		@font-face {
		font-family: "OpenSans";
		src: url("/fonts/OpenSans.woff") format("woff");
		font-display: swap;
		font-style: normal;
		font-weight: normal;
		}
		@font-face {
		font-family: "HaveHeartTwo";
		src: url("/fonts/HaveHeartTwo.woff") format("woff");
		font-display: swap;
		font-style: normal;
		font-weight: normal;
		}
		*,
		*::before,
		*::after {
		box-sizing: border-box;
		margin: 0;
		}
		html,
		body {
		html {
		margin: 0;
		padding: 0;
		background: var(--background-color);
		overflow-y: scroll;
		}
		body {
		line-height: 1.5;
		margin: 0;
		padding: 0;
		}
		html {
		background: white;
		overflow-y: scroll;
		}
		html {
		background-color: var(--background-color);
		}
		a {
		color: #404040;
		text-decoration: none;

src/styles/globals.css

+42 −4

Original line number	Diff line number	Diff line
		@@ -3,7 +3,7 @@
		@tailwind utilities;
		@layer base {
		:root {
		--background: 0 0% 100%;
		--background: var(--background-color);
		--foreground: 222.2 84% 4.9%;
		--card: 0 0% 100%;
		--card-foreground: 222.2 84% 4.9%;
		@@ -27,7 +27,24 @@
		--chart-3: 197 37% 24%;
		--chart-4: 43 74% 66%;
		--chart-5: 27 87% 67%;
		--radius: 0.5rem
		--radius: 0.5rem;
		--egg-shell: #F8FEFF;
		--hale-navy: var(--alternate);
		--snow-white: #F2F6FC;
		--font-family: "OpenSans", sans-serif;
		--font-family-about: "HaveHeartTwo", sans-serif;
		--icon-font-family: "FontAwesome";
		--primary:#1D722D;
		--primary-lightened: color-mix(in srgb, var(--primary) 50%, var(--background-color));
		--alternate: #00454D;
		--alternate-lightened: color-mix(in srgb, var(--alternate) 15%, var(--background-color));
		--logo: #007833;
		--secondary: #36A447;
		--accent: #F57E2A;
		--accent-secondary: #FDA500;
		--primary-font-color: #FFF;
		--background-color: var(--egg-shell);
		--background-first-section: color-mix(in srgb, var(--primary) 10%, var(--background-color));
		}
		.dark {
		--background: 222.2 84% 4.9%;
		@@ -64,10 +81,31 @@
		@apply bg-background text-foreground;
		}
		}
		@font-face {
		font-family: "FontAwesome";
		src: url("/fonts/fa-solid-900.ttf") format("truetype");
		font-display: block;
		font-style: normal;
		font-weight: normal;
		}
		@font-face {
		font-family: "OpenSans";
		src: url("/fonts/OpenSans.woff") format("woff");
		font-display: swap;
		font-style: normal;
		font-weight: normal;
		}
		@font-face {
		font-family: "HaveHeartTwo";
		src: url("/fonts/HaveHeartTwo.woff") format("woff");
		font-display: swap;
		font-style: normal;
		font-weight: normal;
		}
		.research-enablement [cmdk-root] {
		max-width: 1000px;
		width: 100%;
		background: #ffffff;
		background: var(--background-color);
		border-radius: 8px;
		overflow: hidden;
		padding: 10px 10px 20px 10px;
		@@ -82,7 +120,7 @@
		}
		.research-enablement [cmdk-item] {
		box-shadow: var(--cmdk-shadow);
		background: #ffffff;
		background: var(--background-color);
		border-radius: 8px;
		font-family: var(--font-sans);
		font-size: 1rem;