authorgravatar for julius0216@outlook.comJulius Marminge <julius0216@outlook.com> 2026-06-30 17:25:36-07:00
committergravatar for noreply@github.comGitHub <noreply@github.com> 2026-07-01 00:25:36+00:00
log7b9eef7ac29f9d4819c6411dfb1c5f04fef50264
tree26e1b74e44eb6d349c8eed700259ffbf87b79bf0
parent9d66b104feb761cff07c305d570610112bb5c8dc
signature Signed by PGP key B5690EEEBB952194

Restore the ultrathink frame border effect (#3625)


1 files changed, 23 insertions(+), 0 deletions(-)

apps/web/src/index.css+23
......@@ -812,12 +812,35 @@ label:has(> select#reasoning-effort) select {
812812 #ec4899 90%,
813813 #ff6b6b 100%
814814 );
815 position: relative;
816 background: transparent;
817}
818
819.ultrathink-frame::before {
820 content: "";
821 position: absolute;
822 inset: 0;
823 border-radius: inherit;
824 padding: 2px;
815825 background-image: var(--ultrathink-spectrum);
816826 background-size: 220% 220%;
827 pointer-events: none;
817828 filter: saturate(0.82) brightness(0.92);
829 -webkit-mask:
830 linear-gradient(#000 0 0) content-box,
831 linear-gradient(#000 0 0);
832 -webkit-mask-composite: xor;
833 mask:
834 linear-gradient(#000 0 0) content-box,
835 linear-gradient(#000 0 0);
836 mask-composite: exclude;
818837 animation: ultrathink-rainbow 10s linear infinite;
819838}
820839
840.ultrathink-frame > * {
841 position: relative;
842}
843
821844.ultrathink-chroma {
822845 animation: ultrathink-chroma-shift 10s linear infinite;
823846}