.night-theme { filter: grayscale(100%) invert(1); } .light-theme { filter: none; } .theme-switcher { z-index: 1000; position: absolute; top: 77px; right: 10px; float: right; background: white; border-radius: 4px; } .theme-switcher .btn { margin: 0; } .theme-switcher.night .btn { color: #fff; background-color: #343a40; border-color: #343a40; } .theme-switcher.night .btn:hover { color: #343a40; background-color: transparent; background-image: none; border-color: #343a40; } @media (max-width: 990px){ .theme-switcher { visibility: hidden; } }