Mod: Başlangıçtaki arama kutusunun stilini değiştirmek
-
Öncelikle, tarayıcının görünümünü CSS kullanarak değiştirmek etkin değilse, şu sayfaya giderek etkinleştirin: Vivaldi'yi CSS kullanarak değiştirmeyi etkinleştirmek
Dörtgen arama kutusunun pek hoş bir görünümü yok; arka plan resmi üzerinde göz zevkini de bozuyor. Şöyle zarif bir şey olsa?
Not Defteri'ni açın, aşağıdaki kodu kopyalayıp yapıştırın; sd-search-field.css olarak (başka ad da olur ama .css uzantılı olacak) Kayıt Türü'nü de Tüm Dosyalar olarak belirtin; seçtiğiniz klasöre kaydedin.
.sdwrapper .iconmenu-container.SearchField { position: relative; z-index: 2; margin: 36px auto -24px; max-width: 50%; padding: 0px; height: 40px; background-color: transparent; border-radius: 0; box-shadow: unset; border-image: linear-gradient(to right, rgba(0,0,0,0), var(--colorHighlightBg)) 20; border-width: 0 0 2px 0; border-style: solid; } .sdwrapper .iconmenu-container.SearchField:focus-within { box-shadow: none; box-shadow: none; outline: none; } .sdwrapper .SearchField .searchfield-input{ font-size: 22px; height: 30px; color: #A0988C; margin-left: 10px; } .sdwrapper .SearchField .searchfield-input:focus{ color: var(--colorHighlightBg); }
Şöyle görünecek
Altındaki çizgi, vurgu rengine göre değişir.
CSS dosyasını Drive'den indirebilirsiniz: Google Drive
Vivaldi 5.3 ve sonraki sürümler için güncelleştirme
5.3 sürümünde ana ekrana, reklam engelleme istatistiklerini gösteren kutu da eklendi. Modu, iki kutuyu da içerecek şekilde düzenledim. Eskisini bununla değiştirin.
Yeni CSS dosyasını Drive'den indirebilirsiniz: Google Drive
-