A dark telegram theme with a creamy teal back color, and a coppery orange accent.
OxyNova - A Modern Telegram Theme by boxwithahat
Details
Authorboxwithahat
LicenseThe Unlicense
Categoryhttps://web.telegram.org/z
Created
Updated
Size3.4 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name OxyNova
@namespace idk what to put here
@version 1.0.0
@description An esoteric theme
@author BoxWithAHat
==/UserStyle== */
@-moz-document url-prefix("https://web.telegram.org/z") {
* {
--vh: 6.19px;
--composer-text-size: 16px;
--message-meta-height: 21px;
--message-text-size: 16px;
--color-primary: hsl(22deg 62% 55%);
--color-primary-opacity: hsl(22deg 58% 66% / 50%);
--color-primary-opacity-hover: hsl(22deg 58% 66% / 63%);
--color-primary-shade: hsl(22deg 43% 61%);
--color-primary-shade-rgb: 123,113,198;
--color-background: hsl(169deg 41% 8%);
--color-background-compact-menu: hsl(173deg 41% 12%);
--color-background-compact-menu-reactions: hsl(0deg 0% 13% / 87%);
--color-background-compact-menu-hover: hsl(0deg 0% 0% / 40%);
--color-background-secondary: hsl(0deg 0% 6%);
--color-background-secondary-accent: hsl(300deg 3% 6%);
--color-background-own: hsl(173deg 45% 17%);
--color-background-own-apple: hsl(173deg 46% 60%);
--color-background-selected: hsl(0deg 0% 17%);
--color-background-own-selected: hsl(173deg 62% 56%);
--color-chat-hover: hsl(0deg 0% 17%);
--color-chat-active: hsl(22, 55%, 23%);
--color-chat-active-greyed: hsl(173deg 53% 32%);
--color-item-active: hsl(0deg 0% 16%);
--color-text: hsl(0deg 0% 100%);
--color-text-secondary: hsl(0deg 0% 67%);
--color-text-secondary-rgb: 170,170,170;
--color-icon-secondary: hsl(0deg 0% 67%);
--color-text-secondary-apple: hsl(0deg 0% 67%);
--color-borders: hsl(0deg 0% 19%);
--color-borders-input: hsl(60deg 1% 35%);
--color-dividers: hsl(240deg 2% 24%);
--color-links: hsl(22deg 62% 55%);
--color-gray: hsl(22deg 56% 25%);
--color-pinned: hsl(22deg 62% 55%);
--color-default-shadow: hsl(0deg 0% 6% / 61%);
--color-light-shadow: hsl(0deg 0% 0% / 25%);
--color-green: hsl(173deg 62% 55%);
--color-text-meta-colored: hsl(22deg 62% 55%);
--color-reply-hover: hsl(0deg 0% 15%);
--color-reply-active: hsl(180deg 1% 18%);
--color-reply-own-hover: hsl(22deg 62% 55%);
--color-reply-own-hover-apple: hsl(22deg 62% 55%);
--color-reply-own-active: hsl(22deg 62% 55%);
--color-reply-own-active-apple: hsl(22deg 62% 55%);
--color-accent-own: hsl(0deg 0% 100%);
--color-message-meta-own: hsl(0deg 0% 100% / 53%);
--color-own-links: hsl(0deg 0% 100%);
--color-code: hsl(22deg 62% 55%);
--color-code-own: hsl(0deg 0% 100%);
--color-code-bg: hsl(0deg 0% 0% / 50%);
--color-code-own-bg: hsl(0deg 0% 0% / 31%);
--color-composer-button: hsl(0deg 0% 67% / 80%);
--color-message-reaction: hsl(245deg 12% 19%);
--color-message-reaction-hover: hsl(22deg 18% 24%);
--color-message-reaction-own: hsl(22deg 34% 52%);
--color-message-reaction-hover-own: hsl(22deg 31% 46%);
--color-voice-transcribe-button: hsl(22deg 18% 20%);
--color-voice-transcribe-button-own: hsl(22deg 52% 64%);
--color-topic-blue: hsl(176deg 92% 71%);
--color-topic-yellow: hsl(41deg 100% 75%);
--color-topic-violet: hsl(289deg 54% 69%);
--color-topic-green: hsl(126deg 74% 75%);
--color-topic-rose: hsl(343deg 100% 79%);
--color-topic-red: hsl(6deg 95% 68%);
--color-topic-grey: hsl(0deg 0% 60%);
}
}