Scribd
Upload
5 views1 page

CSS Styling and Color Variables Guide

The document contains CSS styles that set default margin, padding, and box-sizing properties for elements. It defines a color palette using CSS variables for primary, secondary, accent, success, warning, and danger colors, as well as light mode background and text colors. Additionally, it includes styles for shadows and transitions.

Uploaded by

msnsqkxtsx
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
5 views1 page

CSS Styling and Color Variables Guide

The document contains CSS styles that set default margin, padding, and box-sizing properties for elements. It defines a color palette using CSS variables for primary, secondary, accent, success, warning, and danger colors, as well as light mode background and text colors. Additionally, it includes styles for shadows and transitions.

Uploaded by

msnsqkxtsx
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd

* {

margin: 0;
padding: 0;
box-sizing: border-box;
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

:root {
--primary: #6c63ff;
--secondary: #4a44c6;
--accent: #ff6584;
--success: #28a745;
--warning: #ffc107;
--danger: #dc3545;
--shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
--transition: all 0.3s ease;

/* Light Mode Colors */


--bg-primary: #f8f9fa;
--bg-secondary: #ffffff;
--text-primary: #343a40;
--text-secondary: #6c757d;
--border-color: #e0e0e0;
--card-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
--body-bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

You might also like