how can i make the blue areas on my profile compatible with the other sides?

all of this is done by changing the styling of each section. you can see each section's name by going into a browser in your computer and using the "developer tools" then clicking on the element you're trying to change.

once you have ur element, you can edit its attributes to get the results you want!

im actually not really sure what youre looking to do in this case but here is some example code:

<style>
/*Changing the headings, here the bigger text will be changed*/
.profile .contact .heading, .profile .table-section .heading{
    background: none !important;
}

/*Changing the tables*/
.profile .contact, .profile .url-info, .profile .table-section{
    background: none;
    border-color: black;
}
/*This edits each entry on the table*/
td{
    background-color: transparent !important;
}
/*Changing the text on the left column and the color of links*/
.details-table td p, a{
    color: white !important;
}
</style>