Hello! I'm trying to make a dark mode pallette, but I'm not a great code person, so if someone could help me out that would be great! (Anyone can use this pallette, edit it, whatever) I don't know how to change a lot of things, and sometimes the text is not visible. (Will post code in next post)

/*--------------------------------------------------
Overall Site Colors
--------------------------------------------------*/

.primary {
background-color:#333333;
}

.secondary {
background-color:#262626;
}

.tertiary {
background-color:#474646;
}

.quatro {
background-color:#333333;
}

/*--------------------------------------------------
Set the quote colors for the forum
--------------------------------------------------*/

blockquote {
background-color:#f4e5c5;
border-left: 3px solid #b67942;
}

/*--------------------------------------------------
Set the page background color
--------------------------------------------------*/

.pgbg {
background-color:#1a1a1a;
}

/*--------------------------------------------------
Set the table background color
--------------------------------------------------*/

.tablebg {
background-color:#333333;
}

/*--------------------------------------------------
Page Name text
--------------------------------------------------*/

.headline {
color:#4d4d4d;
}

/*--------------------------------------------------
Set the chatbox color
--------------------------------------------------*/

.sales {
background-color:#e9d9bc;
}

.main {
background-color:#dbc091;
}

/*--------------------------------------------------
Set the form field color
--------------------------------------------------*/

.iclass {background-color:#4d4d4d; color:#000000;}

/*--------------------------------------------------
Tabs on Stable Page
--------------------------------------------------*/

.tab button:hover {
background-color: #4d4d4d;
}

/*--------------------------------------------------
Tabs on Mail Page, Blogs
--------------------------------------------------*/

ul.tabbernav li a {
background: #4d4d4d;
}

.tabberlive .tabbertab {
background-color: #4d4d4d;
}

ul.tabbernav li a:hover {
color: #963500;
background: #4d4d4d;
}

ul.tabbernav li.tabberactive a {
background: #4d4d4d;
}

ul.tabbernav li.tabberactive a:hover {
color: #963500;
background: #4d4d4d;
}

/*--------------------------------------------------
Set the color of the side bar Header text (Chatbox/Quests)
--------------------------------------------------*/

.sidebar {
color:#666666;
}

/*--------------------------------------------------
Set the color and font of the side bar header
--------------------------------------------------*/

.sidebarheader {
background: #5b3914 url(images/menu/menugradient.png) repeat-x;
}

/*--------------------------------------------------
Set the color and font of the status bar text
--------------------------------------------------*/

.statusbar {
background-color: #c0a16a;
}

/*--------------------------------------------------
Set the color of the text on the site
--------------------------------------------------*/

.mainlineblack{ font-family:arial,sans-serif; font-size:15px; color:#000; }
.mainlineblack a:visited { font-family:arial,sans-serif; font-size:15px; color:#000;}
.mainlineblack a:link { font-family:arial,sans-serif; font-size:15px; color:#000;}
.mainlineblack a:hover { font-family:arial,sans-serif; font-size:15px; color:#000;}

.mainlineblacksmall { font-family:arial,sans-serif; font-size:13px; color:#000000; }
.mainlineblacksmall a:visited { font-family:arial,sans-serif; font-size:13px; color:#000000;}
.mainlineblacksmall a:link { font-family:arial,sans-serif; font-size:13px; color:#000000;}
.mainlineblacksmall a:hover { font-family:arial,sans-serif; font-size:13px; color:#000;}

/*--------------------------------------------------
Set the alternate color of the text on the site
--------------------------------------------------*/

.mainline { font-family:arial,sans-serif; font-size:15px; color:#000000; }
.mainline a:visited { font-family:arial,sans-serif; font-size:15px; color:#000000;}
.mainline a:link { font-family:arial,sans-serif; font-size:15px; color:#000000;}
.mainline a:hover { font-family:arial,sans-serif; font-size:15px; color:#000000;}

/*--------------------------------------------------
Set the small text color in chat (time)
--------------------------------------------------*/

.bsmalltext { font-family:arial,sans-serif; font-size:12px; color:#983500;}
.bsmalltext a:visited { font-family:arial,sans-serif; font-size:12px; color:#983500;}
.bsmalltext a:link { font-family:arial,sans-serif; font-size:12px; color:#983500;}
.bsmalltext a:hover { font-family:arial,sans-serif; font-size:12px; color:#24683e;}

/*--------------------------------------------------
Set the small text color in chat (posts)
--------------------------------------------------*/

.smalltext { font-family:arial,sans-serif; font-size:12px; color:#000000;}
.smalltext a:visited { font-family:arial,sans-serif; font-size:12px; color:#000000;}
.smalltext a:link { font-family:arial,sans-serif; font-size:12px; color:#000000;}
.smalltext a:hover { font-family:arial,sans-serif; font-size:12px; color:#24683e;}

/*--------------------------------------------------
Set the color and font of the menu bar text
--------------------------------------------------*/
.navbar {
background: #333333 url(images/menu/menugradient.png) repeat-x;
}

.navbar a {
color:#333333;
}

.dropdown .dropbtn {
color:#dfc79d;
}

.dropdown-content a {
color:#000;
}

.navbar a:hover, .dropdown:hover .dropbtn {
background-color: #333333
;
}