Personal recolor of Stellan Stafford (1981465)'s Google Surface 3D Dark Mode Neomorphism UI. Not an original design
Magenta Neomorphism by lizbeach
Details
Authorlizbeach
LicenseNONE
Categorywww.google.com
Created
Updated
Code size5.3 kB
Code checksumbe53c63f
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name Google Surface 3D Dark Mode Neomorphism UI
@namespace USO Archive
@author Stellan Stafford
@description Release Version of Dark Mode Google Surface. Google Surface is a neumorphism / neomorphic redesign of Google search which incorporates shadows and gradients. Neumorphic / Neomorphic panels cover the site and make it feel 3D. This theme is the ultimate modern redesign of Google Dark Mode. ----- Report all errors and issues to RG form https://forms.office.com/r/sAYTdrg8wn
@version 20230421.00.19
@license NONE
@preprocessor uso
==/UserStyle== */
@-moz-document domain("google.com")
{
body {
background-color: #33001e;
font-family: 'Roboto', sans-serif;
}
input[type="submit"] {
background-color: #761e52f0;
border: none;
color: #FFFFFF;
font-size: 18px;
margin: 0;
padding: 0;
}
img[alt="Google"] {
filter: brightness(10) drop-shadow(0px 0px 34px white);
}
/* Google Search Results */
.g {
background-color: #530432;
border-radius: 20px;
box-shadow: 5px 5px 10px hsl(0, 0%, 0%), -5px -5px 10px #333333;
margin-top: 20px;
padding: 20px;
}
cite {
color: #FFFFFF;
font-size: 18px;
}
a {
color: #FFFFFF;
font-size: 18px;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.dG2XIf {
background: transparent;
}
.dG2XIf .g:not(.g-blk) {
margin: 0;
width: 93%;
}
.WE0UJf {
background: #33001e;
}
.sfbg {
background: rgb(181, 11, 80);
background: radial-gradient(circle, rgb(181, 11, 80) 0%, #530432 81%, #33001e 100%);
}
.RNNXgb, .NZmxZe {
background-color: #530432 !important;
box-shadow: 5px 5px 10px #33001e, -5px -5px 10px #59113b !important;
border: none;
}
.goxjub, .Gdd5U, .z1asCe
{
filter: contrast(0) brightness(2) drop-shadow(0px 0px 10px white);
}
.nfdoRb {
height: 100px;
}
.zItAnd {
background-color: #530432;
border-radius: 20px;
box-shadow: 5px 5px 7px #33001e, -5px -5px 7px #761e52f0;
margin-top: 10px;
margin-bottom: 10px;
border: none;
}
.mUKzod {
fill: #FFFFFF;
}
.zItAnd:first-of-type {
margin-left: 10px;
}
.DhGrzc, .ZBUG {
transform: translateX(66px) translateY(86px);
}
.dG2XIf .g:not(.g-blk) {
padding: 20px !important;
}
.dG2XIf.cUnQKe .related-question-pair .wDYxhc:not(.NFQFxe), .cUnQKe .related-question-pair .g
{
padding: 20px !important;
}
.minidiv .sfbg {
background: linear-gradient(180deg, #1A1A1A, #1A1A1A00);
box-shadow: none;
}
.minidiv .RNNXgb, .S8ee5.CwbYXd, .WZH4jc .GNJvt, .cF4V5c, .EHzcec, a.tGS0Nc, a:visited.tGS0Nc, .ECBYL .sh-dr__g, .lJ9FBc input[type="submit"], .gbqfba, .o6juZc, .ZZ7G7b, .cEW58, .WaWKOe, .hDFaN .ZAxeoe, .Rp89He, .JgfpDb .unDjgb, .Ix6LGe, .Lj9fsd.DU1Mzb .o6juZc
{
border: none;
background-color: #530432;
border-radius: 20px;
box-shadow: 5px 5px 10px #33001e, -5px -5px 10px #761e52f0;
}
.aajZCb, .W6pGoe, .Lj9fsd.DU1Mzb
{
background-color: #33001e;
}
.AeB7Sc {
background: #1A1A1Ab0;
}
.CbAZb {
background-color: #530432;
border-radius: 20px;
box-shadow: 5px 5px 10px #33001e, -5px -5px 10px #761e52f0;
margin: 30px;
}
.gb_Fa svg, .gb_Oc svg, .gb_ad .gb_ce, .gb_0c .gb_ce {
color: #FFFFFF;
}
.GLcBOb.cCvmNd .Lj8KXd, .GLcBOb.mCRcc .Lj8KXd {
background-color: #fff0;
border-bottom: 1px solid #33333300;
}
.nfSF8e.hdtb-tl-sel {
color: #FFFFFF;
border: none;
background-color: #530432;
border-radius: 20px;
box-shadow: 5px 5px 10px #33001e, -5px -5px 10px #761e52f0;
}
.vJOb1e {
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
border: none;
background-color: #530432;
border-radius: 20px;
box-shadow: 5px 5px 10px #33001e, -5px -5px 10px #761e52f0;
padding: 20px;
}
.fKmH1e {
background-color: #530432;
border-radius: 20px;
box-shadow: 5px 5px 10px #33001e, -5px -5px 10px #761e52f0;
border: none;
}
.rBrJud {
border: 1px solid #761e52;
background-color: #761e52f0;
border-radius: 20px;
box-shadow: 5px 5px 10px #33001e, -5px -5px 10px #761e52f0;
}
.i0X6df {
background-color: #333333;
border-radius: 20px;
box-shadow: 5px 5px 10px #33001e, -5px -5px 10px #761e52f0;
}
.dkw61e, .FalWJb {
background-color: transparent;
}
.WggQGd {
color: #CCCCCC;
}
.GVLmE {
background: linear-gradient(to right, rgba(255,255,255,0), #1A1A1A 60%, #1A1A1A);
}
.GVLmE.e2UC7d {
background: linear-gradient(to left, rgba(255,255,255,0), #1A1A1A 60%, #1A1A1A);
}
.gb_Fa.gb_6d, .gb_Ia.gb_n {
background: transparent !important;
}
.c93Gbe {
background: transparent;
}
.L3eUgb {
background: linear-gradient(-45deg, #430228, #761e52f0);
}
.logo {
filter: drop-shadow(0px 0px 13px white);
}
.e9EfHf, .s8GCU, .Lj9fsd, .jZWadf, .rNl3nf .qcTKEe, .ooPrBf {
background: #33001e;
}
img.jfN4p {
filter: none !important;
}
.NZmxZe:not(.IbK1N) .DCxYpf {
fill: white;
}
.rHLoR, .ZZ7G7b
{
border-radius: 2em;
}
.ZZ7G7b
{
margin: 10px;
}
.Rp89He
{
background-color: #761e52 !important;
margin-bottom: 10px;
}
.gb_Fa.gb_Ed {
background: transparent !important;
}
}