From 82e03978b89938219958032efb1448cc76baa181 Mon Sep 17 00:00:00 2001 From: Saumit Date: Sat, 27 Sep 2025 02:14:26 +0530 Subject: Initial snapshot - OpenTelemetry demo 2.1.3 -f --- src/frontend/styles/Theme.ts | 41 +++++++++++++++++++++++++++++++++++++++++ 1 file changed, 41 insertions(+) create mode 100644 src/frontend/styles/Theme.ts (limited to 'src/frontend/styles/Theme.ts') diff --git a/src/frontend/styles/Theme.ts b/src/frontend/styles/Theme.ts new file mode 100644 index 0000000..f2478cc --- /dev/null +++ b/src/frontend/styles/Theme.ts @@ -0,0 +1,41 @@ +// Copyright The OpenTelemetry Authors +// SPDX-License-Identifier: Apache-2.0 + +import { DefaultTheme } from 'styled-components'; + +const Theme: DefaultTheme = { + colors: { + otelBlue: '#5262A8', + otelYellow: '#EAAA3B', + otelGray: '#403F4B', + otelRed: '#FB7181', + backgroundGray: 'rgba(64, 63, 75, 0.1)', + lightBorderGray: 'rgba(82, 98, 168, 0.3)', + borderGray: '#2E2437', + textGray: '#29293E', + textLightGray: '#78788C', + white: '#FFFFFF', + }, + breakpoints: { + desktop: '@media (min-width: 768px)', + }, + sizes: { + mxLarge: '22px', + mLarge: '20px', + mMedium: '14px', + mSmall: '12px', + dxLarge: '58px', + dLarge: '40px', + dMedium: '18px', + dSmall: '16px', + nano: '8px', + }, + fonts: { + bold: '800', + regular: '500', + semiBold: '700', + light: '400', + }, +}; + +export default Theme; -- cgit v1.2.3