Skip to content

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

Personal recolor of Stellan Stafford (1981465)'s Google Surface 3D Dark Mode Neomorphism UI. Not an original design

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;
}
}

Reviews

No reviews yet.