*, *:before, *:after, .nav-pills li a, .form-control, .btn, .thumbnail, div[class*="item"] {
    border-radius: 10px !important;
}

img, .thumbnail img, div[class*="item"] img {
    border-radius: 10px !important;
    overflow: hidden !important;
}
:root, [data-theme="red_black"], body {
    --bg-color-800: rgba(15, 10, 25, 0.02) !important;   
    --bg-color-700: rgba(15, 10, 25, 0.05) !important;   
    --bg-color-900: rgba(15, 10, 25, 0.02) !important;   
    --background-color: transparent !important;          
}

.thumbnail, .product-item, .item-card {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
.nav-pills > li > a, 
.btn, 
button, 
.form-control, 
input[name="search"], 
.search-block .btn,
.navbar a,
.navbar-nav li a,
header a,
div[class*="menu"] a,
div[class*="login"] a,
.login-btn {
    background: #0b0714 !important;                      
    background-color: #0b0714 !important;
    color: #ffffff !important;                           
    opacity: 1 !important;                               
    border: 1px solid rgba(160, 50, 255, 0.45) !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5) !important; 
}

.nav-pills > li > a:hover, .btn:hover, button:hover, .navbar a:hover {
    background: #140d24 !important;                      
    border-color: rgba(160, 50, 255, 0.8) !important;    
    color: #ffffff !important;
}
.modal-content,
.modal-dialog,
.modal-body,
div[class*="modal"],
div[id*="modal"] {
    background: #0b0714 !important;
    background-color: #0b0714 !important;
    opacity: 1 !important;
    border: 1px solid rgba(160, 50, 255, 0.5) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8) !important;
}
.modal-content *,
div[class*="modal"] * {
    color: #ffffff !important;
    text-shadow: none !important;
}
div[id="monitoring"], 
.sidebar-block,
div[class*="monitoring-block"] {
    background: rgba(15, 10, 25, 0.5) !important;       
    background-color: rgba(15, 10, 25, 0.5) !important;
    border: 1px solid rgba(155, 89, 182, 0.15) !important; 
    padding: 18px !important;                             
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
}

div[id="monitoring"] *, 
.sidebar-block *,
div[class*="monitoring-block"] * {
    color: #ffffff !important;
    font-weight: normal !important;                      
    text-shadow: none !important;                        
}
<!DOCTYPE html>
<html lang="ru">

<head>

<meta charset="UTF-8" />

<title>Top Donators Widget</title>

<style>

#top-donators-widget {

  width: 250px;

  background: #1a1a1a;

  color: #fff;

  padding: 15px;

  border-radius: 10px;

  font-family: Arial, sans-serif;

  box-shadow: 0 0 10px rgba(0,0,0,0.5);

}

/* ЗАГОЛОВОК */

#top-donators-widget h3 {

  margin: 0 0 10px 0;

  text-align: center;

  font-weight: 800;

  font-size: 18px;

  background: linear-gradient(90deg, #cfcfff, #00f0ff, #a066ff, #cfcfff);

  background-size: 300% 300%;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  animation: titleGlow 3s ease infinite;

  text-shadow: 0 0 8px rgba(160, 102, 255, 0.25);

}