Skip to content

Commit a169796

Browse files
Bikram GoleBikram Gole
authored andcommitted
Polish Material3 mascot into cleaner Android toy form
1 parent 233166f commit a169796

1 file changed

Lines changed: 33 additions & 40 deletions

File tree

styles.css

Lines changed: 33 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -1936,8 +1936,8 @@ body.browser-vivaldi .penguin-glasses {
19361936
z-index: 2;
19371937
transform-origin: center 82%;
19381938
animation: android-idle 4.4s ease-in-out infinite;
1939-
transform: perspective(520px) rotateX(4deg);
1940-
filter: drop-shadow(0 14px 22px rgba(33, 76, 56, 0.34));
1939+
transform: perspective(520px) rotateX(2deg);
1940+
filter: drop-shadow(0 12px 18px rgba(33, 76, 56, 0.28));
19411941
}
19421942

19431943
.android-head {
@@ -1946,12 +1946,12 @@ body.browser-vivaldi .penguin-glasses {
19461946
top: 17px;
19471947
width: 82px;
19481948
height: 52px;
1949-
border-radius: 36px 36px 14px 14px;
1949+
border-radius: 38px 38px 16px 16px;
19501950
background: linear-gradient(170deg, #96c234 0%, #79ab2b 70%, #628e20 100%);
19511951
box-shadow:
1952-
inset 0 2px 0 rgba(236, 255, 176, 0.28),
1953-
inset 0 -5px 8px rgba(41, 73, 29, 0.25),
1954-
0 8px 14px rgba(34, 74, 50, 0.28);
1952+
inset 0 2px 0 rgba(236, 255, 176, 0.36),
1953+
inset 0 -4px 7px rgba(41, 73, 29, 0.2),
1954+
0 6px 11px rgba(34, 74, 50, 0.22);
19551955
}
19561956

19571957
.android-head,
@@ -1976,22 +1976,15 @@ body.browser-vivaldi .penguin-glasses {
19761976
.android-eye {
19771977
position: absolute;
19781978
top: 21px;
1979-
width: 8px;
1980-
height: 8px;
1979+
width: 7px;
1980+
height: 7px;
19811981
border-radius: 999px;
1982-
background: #f5fff0;
1983-
box-shadow: inset 0 -1px 0 rgba(154, 191, 128, 0.45);
1982+
background: #f4fff2;
1983+
box-shadow: inset 0 -1px 0 rgba(154, 191, 128, 0.28);
19841984
}
19851985

19861986
.android-eye::after {
1987-
content: "";
1988-
position: absolute;
1989-
right: 1px;
1990-
top: 1px;
1991-
width: 2px;
1992-
height: 2px;
1993-
border-radius: 999px;
1994-
background: rgba(255, 255, 255, 0.95);
1987+
content: none;
19951988
}
19961989

19971990
.android-eye.left { left: 22px; }
@@ -2003,14 +1996,14 @@ body.browser-vivaldi .penguin-glasses {
20031996
top: 72px;
20041997
width: 100px;
20051998
height: 76px;
2006-
border-radius: 12px;
1999+
border-radius: 14px;
20072000
background:
20082001
linear-gradient(180deg, rgba(180, 219, 81, 0.2), rgba(88, 130, 35, 0.1)),
20092002
linear-gradient(170deg, #8cba31 0%, #6f9f28 70%, #58801e 100%);
20102003
box-shadow:
2011-
inset 0 2px 0 rgba(233, 255, 171, 0.24),
2012-
inset 0 -6px 10px rgba(35, 66, 25, 0.24),
2013-
0 8px 14px rgba(34, 74, 50, 0.28);
2004+
inset 0 2px 0 rgba(233, 255, 171, 0.3),
2005+
inset 0 -5px 8px rgba(35, 66, 25, 0.2),
2006+
0 6px 11px rgba(34, 74, 50, 0.22);
20142007
}
20152008

20162009
.android-body::after {
@@ -2028,12 +2021,12 @@ body.browser-vivaldi .penguin-glasses {
20282021
.android-body::before {
20292022
content: "";
20302023
position: absolute;
2031-
right: 12px;
2024+
right: 14px;
20322025
top: 20px;
2033-
width: 10px;
2034-
height: 36px;
2026+
width: 8px;
2027+
height: 34px;
20352028
border-radius: 999px;
2036-
background: linear-gradient(180deg, rgba(241, 255, 198, 0.14), rgba(241, 255, 198, 0.02));
2029+
background: linear-gradient(180deg, rgba(241, 255, 198, 0.11), rgba(241, 255, 198, 0.01));
20372030
filter: blur(0.2px);
20382031
}
20392032

@@ -2053,15 +2046,15 @@ body.browser-vivaldi .penguin-glasses {
20532046
min-width: 32px;
20542047
text-align: center;
20552048
border-radius: 999px;
2056-
border: 1px solid rgba(62, 94, 38, 0.42);
2057-
background: rgba(20, 44, 18, 0.82);
2058-
color: #d5ffbb;
2049+
border: 1px solid rgba(66, 106, 40, 0.4);
2050+
background: rgba(29, 58, 24, 0.78);
2051+
color: #e4ffc9;
20592052
font-family: "JetBrains Mono", "Fira Mono", "Courier New", monospace;
20602053
font-size: 11px;
20612054
font-weight: 700;
20622055
letter-spacing: 0.01em;
20632056
padding: 2px 7px;
2064-
box-shadow: 0 2px 8px rgba(84, 158, 55, 0.24);
2057+
box-shadow: 0 1px 5px rgba(84, 158, 55, 0.2);
20652058
}
20662059

20672060
.android-date-badge:empty {
@@ -2073,25 +2066,25 @@ body.browser-vivaldi .penguin-glasses {
20732066
position: absolute;
20742067
border-radius: 999px;
20752068
background: linear-gradient(170deg, #83b32f 0%, #659225 100%);
2076-
box-shadow: inset 0 2px 2px rgba(229, 255, 152, 0.17), inset 0 -4px 5px rgba(39, 67, 27, 0.22);
2069+
box-shadow: inset 0 2px 2px rgba(229, 255, 152, 0.16), inset 0 -3px 4px rgba(39, 67, 27, 0.2);
20772070
}
20782071

20792072
.android-arm {
20802073
top: 74px;
2081-
width: 15px;
2082-
height: 52px;
2074+
width: 14px;
2075+
height: 50px;
20832076
}
20842077

2085-
.android-arm.left { left: 7px; }
2086-
.android-arm.right { right: 7px; }
2078+
.android-arm.left { left: 8px; }
2079+
.android-arm.right { right: 8px; }
20872080

20882081
.android-leg {
20892082
top: 137px;
2090-
width: 17px;
2091-
height: 28px;
2083+
width: 16px;
2084+
height: 26px;
20922085
}
20932086

2094-
.android-leg.left { left: 49px; }
2087+
.android-leg.left { left: 50px; }
20952088
.android-leg.right { left: 80px; }
20962089

20972090
body[data-theme="material3"] .avatar-glow {
@@ -2112,8 +2105,8 @@ body[data-theme="material3"] .avatar-card .android-avatar {
21122105

21132106
@keyframes android-idle {
21142107
0%,
2115-
100% { transform: perspective(520px) rotateX(5deg) translateY(0) rotate(0deg); }
2116-
50% { transform: perspective(520px) rotateX(5deg) translateY(-3px) rotate(-1deg); }
2108+
100% { transform: perspective(520px) rotateX(2deg) translateY(0) rotate(0deg); }
2109+
50% { transform: perspective(520px) rotateX(2deg) translateY(-2px) rotate(-0.5deg); }
21172110
}
21182111

21192112
.terminal {

0 commit comments

Comments
 (0)