0% found this document useful (0 votes)
1 views

CSS Script

The document contains CSS styles that set the background color of the webpage to black and text color to white. It also specifies styles for headers, buttons, links, and input fields, ensuring a consistent dark theme throughout the site. Additionally, it includes responsive fixes for screens smaller than 768px to maintain the black background.

Uploaded by

shortsx810
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
1 views

CSS Script

The document contains CSS styles that set the background color of the webpage to black and text color to white. It also specifies styles for headers, buttons, links, and input fields, ensuring a consistent dark theme throughout the site. Additionally, it includes responsive fixes for screens smaller than 768px to maintain the black background.

Uploaded by

shortsx810
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 1

/* Set background color to black */

body {
background-color: #000 !important;
color: #fff !important;
}

/* Change text colors */


h1, h2, h3, h4, h5, h6, p, a, span, div {
color: #fff !important;
}

/* Change background of specific sections */


header, footer, .sidebar, .content {
background-color: #000 !important;
}

/* Change button styles */


button, .btn {
background-color: #ff6600 !important;
color: #fff !important;
border: 1px solid #ff6600 !important;
}

button:hover, .btn:hover {
background-color: #ff4500 !important;
}

/* Change links color */


a {
color: #ff6600 !important;
}

a:hover {
color: #ff4500 !important;
}

/* Change input fields style */


input, textarea, select {
background-color: #222 !important;
color: #fff !important;
border: 1px solid #444 !important;
}

input::placeholder, textarea::placeholder {
color: #bbb !important;
}

/* Ensure full black layout */


.container, .wrapper, .main-content {
background-color: #000 !important;
}

/* Responsive Fixes */
@media (max-width: 768px) {
body {
background-color: #000 !important;
}
}

You might also like