[شــرح] لون رأس الرابط قوس قزح

.menu-linkRow {
    background: #d0e5e6;
    color: #333;
}

.menu-linkRow:hover {
    background: #333;
    color: #ddd;
}

.menu-row.menu-row--separated {
    background: #aedacc;
    border: 1/2px solid #003366; /* Thinner dark blue frame */
    box-shadow: 0 0 8px 2px rgba(0, 51, 102, 0.7); /* Dark blue glow */
}

.menu-row.menu-row--separated:hover {
    background: #aedacc;
    box-shadow: 0 0 12px 3px rgba(0, 51, 102, 0.9); /* Stronger dark blue glow on hover */
}

.menu-row.menu-row--separated.is-unread {
    background: #aedacc;
    border: 1/2px solid #003366; /* Thinner dark blue frame */
    box-shadow: 0 0 8px 2px rgba(0, 51, 102, 0.7); /* Dark blue glow */
}

.block.block--category .block-body {

        -webkit-box-shadow: 0 10px 6px -6px #333;
        -moz-box-shadow: 0 10px 6px -6px #333;
        box-shadow: 0 10px 6px -6px #333;

}

.js-alertsMenuBody .alert.is-unread,
.alert-list .alert.is-unread {
    background-color: #aed1da; /* Light green background */
    border: 1px solid transparent; /* Transparent border for gradient effect */
    border-image: linear-gradient(45deg, red, orange, yellow, green, cyan, blue, violet); /* Spectrum gradient border */
    border-image-slice: 1; /* Ensure the gradient spans the whole border */
    box-shadow: 0 4px 8px rgba(0, 0, 255, 0.2), 0 0 10px rgba(0, 0, 255, 0.3); /* Additional shadow for the frame */
}

.fr-box.fr-basic .fr-toolbar.fr-top {
  background:
#f5f5f5;
  border-top:
3px solid #47a7eb;
  border-bottom:
1px solid #cbcbcb;
}