Scribd
Upload
14 views1 page

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
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
14 views1 page

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
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

/* 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