mirror of
https://github.com/zoriya/noctalia-shell.git
synced 2025-12-06 06:36:15 +00:00
140 lines
7.6 KiB
Plaintext
140 lines
7.6 KiB
Plaintext
// Material You theme for Telegram Desktop
|
|
// Generated by matugen
|
|
|
|
COLOR_GRAY: {{colors.outline.default.hex}};
|
|
COLOR_DARK: {{colors.surface_variant.default.hex}};
|
|
|
|
windowBg: {{colors.background.default.hex}}; // Main background
|
|
windowFg: {{colors.on_background.default.hex}}; // Main text
|
|
windowBgOver: {{colors.surface_variant.default.hex}}; // Generic background on hover
|
|
windowBgRipple: {{colors.surface_variant.default.hex}}; // Ripple effect
|
|
windowFgOver: {{colors.on_surface_variant.default.hex}}; // Text on hover
|
|
windowSubTextFg: {{colors.outline.default.hex}}; // Minor text
|
|
windowSubTextFgOver: {{colors.outline.default.hex}}; // Minor text on hover
|
|
windowBoldFg: {{colors.on_background.default.hex}}; // Bold text
|
|
windowBoldFgOver: {{colors.on_surface_variant.default.hex}}; // Bold text on hover
|
|
windowBgActive: {{colors.primary.default.hex}}; // Active items background
|
|
windowFgActive: {{colors.on_primary.default.hex}}; // Active items text
|
|
windowActiveTextFg: {{colors.primary.default.hex}}; // Active items text
|
|
windowShadowFg: {{colors.shadow.default.hex}}; // Window shadow
|
|
windowShadowFgFallback: {{colors.shadow.default.hex}}; // Fallback for shadow
|
|
historyOutIconFg: {{colors.primary.default.hex}};
|
|
historyIconFgInverted: {{colors.on_surface.default.hex}};
|
|
|
|
msgServiceBg: {{colors.primary_container.default.hex}};
|
|
msgServiceFg: {{colors.on_surface.default.hex}};
|
|
msgOutBg: {{colors.primary_container.default.hex}};
|
|
msgOutBgSelected : {{colors.tertiary_container.default.hex}};
|
|
msgOutServiceFg: {{colors.on_surface.default.hex}};
|
|
msgOutDateFg: {{colors.on_surface.default.hex}};
|
|
historySentIconFg: {{colors.on_surface.default.hex}};
|
|
msgOutDateFgSelected: {{colors.on_surface.default.hex}};
|
|
msgDateImgFg: {{colors.on_surface.default.hex}};
|
|
dialogsSentIconFg: {{colors.primary.default.hex}};
|
|
dialogsSentIconFgOver: {{colors.primary.default.hex}};
|
|
dialogsOnlineBadgeFg: {{colors.primary.default.hex}};
|
|
|
|
|
|
shadowFg: {{colors.shadow.default.hex}}; // General shadow
|
|
slideFadeOutBg: {{colors.background.default.hex}};
|
|
slideFadeOutShadowFg: {{colors.shadow.default.hex}};
|
|
|
|
imageBg: {{colors.surface.default.hex}};
|
|
imageBgTransparent: {{colors.surface.default.hex}};
|
|
|
|
activeButtonBg: {{colors.primary.default.hex}}; // Active button background
|
|
activeButtonBgOver: {{colors.primary_container.default.hex}}; // Active button hover background
|
|
activeButtonBgRipple: {{colors.on_primary_container.default.hex}}; // Active button ripple
|
|
activeButtonFg: {{colors.on_primary.default.hex}}; // Active button text
|
|
activeButtonFgOver: {{colors.on_primary_container.default.hex}}; // Active button hover text
|
|
activeButtonSecondaryFg: {{colors.on_primary.default.hex}}; // Active button secondary text
|
|
activeButtonSecondaryFgOver: {{colors.on_primary_container.default.hex}}; // Active button secondary hover text
|
|
activeLineFg: {{colors.on_surface.default.hex}};
|
|
dialogsBgActive: {{colors.primary.default.hex}};
|
|
|
|
lightButtonBg: {{colors.surface.default.hex}}; // Light button background
|
|
lightButtonBgOver: {{colors.surface_variant.default.hex}}; // Light button hover background
|
|
lightButtonBgRipple: {{colors.primary.default.hex}}; // Light button ripple
|
|
lightButtonFg: {{colors.on_surface.default.hex}}; // Light button text
|
|
lightButtonFgOver: {{colors.on_surface_variant.default.hex}}; // Light button hover text
|
|
|
|
attentionButtonFg: {{colors.error.default.hex}};
|
|
attentionButtonFgOver: {{colors.error.default.hex}};
|
|
attentionButtonBgOver: {{colors.error_container.default.hex}};
|
|
attentionButtonBgRipple: {{colors.on_error_container.default.hex}};
|
|
|
|
outlineButtonBg: {{colors.surface.default.hex}}; // Outline button background
|
|
outlineButtonBgOver: {{colors.surface_variant.default.hex}}; // Outline button hover background
|
|
outlineButtonOutlineFg: {{colors.primary.default.hex}}; // Outline button color
|
|
outlineButtonBgRipple: {{colors.primary.default.hex}}; // Outline button ripple
|
|
|
|
menuBg: {{colors.surface.default.hex}};
|
|
menuBgOver: {{colors.surface_variant.default.hex}};
|
|
menuBgRipple: {{colors.primary.default.hex}};
|
|
menuIconFg: {{colors.on_surface.default.hex}};
|
|
menuIconFgOver: {{colors.on_surface_variant.default.hex}};
|
|
menuSubmenuArrowFg: {{colors.outline.default.hex}};
|
|
menuFgDisabled: {{colors.outline.default.hex}};
|
|
menuSeparatorFg: {{colors.outline.default.hex}};
|
|
|
|
scrollBarBg: {{colors.primary.default.hex}}40; // Scroll bar background (40% opacity)
|
|
scrollBarBgOver: {{colors.primary.default.hex}}60; // Scroll bar hover background (60% opacity)
|
|
scrollBg: {{colors.surface_variant.default.hex}}40; // Scroll bar track (40% opacity)
|
|
scrollBgOver: {{colors.surface_variant.default.hex}}60; // Scroll bar track on hover (60% opacity)
|
|
|
|
smallCloseIconFg: {{colors.outline.default.hex}};
|
|
smallCloseIconFgOver: {{colors.on_surface_variant.default.hex}};
|
|
|
|
radialFg: {{colors.primary.default.hex}};
|
|
radialBg: {{colors.surface.default.hex}};
|
|
|
|
placeholderFg: {{colors.outline.default.hex}}; // Placeholder text
|
|
placeholderFgActive: {{colors.primary.default.hex}}; // Active placeholder text
|
|
inputBorderFg: {{colors.outline.default.hex}}; // Input border
|
|
filterInputBorderFg: {{colors.outline.default.hex}}; // Search input border
|
|
filterInputInactiveBg: {{colors.surface.default.hex}}; // Inactive search input background
|
|
checkboxFg: {{colors.primary.default.hex}}; // Checkbox color
|
|
|
|
titleBg: {{colors.surface.default.hex}}; // Window title background
|
|
titleShadow: {{colors.shadow.default.hex}};
|
|
titleButtonFg: {{colors.on_surface.default.hex}}; // Title button color
|
|
titleButtonBgOver: {{colors.surface_variant.default.hex}}; // Title button hover background
|
|
titleButtonFgOver: {{colors.on_surface_variant.default.hex}}; // Title button hover color
|
|
titleButtonCloseBgOver: {{colors.error.default.hex}};
|
|
titleButtonCloseFgOver: {{colors.on_error.default.hex}};
|
|
titleFgActive: {{colors.on_surface.default.hex}}; // Active title text
|
|
titleFg: {{colors.on_surface.default.hex}}; // Inactive title text
|
|
|
|
trayCounterBg: {{colors.error.default.hex}}; // Tray counter background
|
|
trayCounterBgMute: {{colors.outline.default.hex}}; // Muted tray counter background
|
|
trayCounterFg: {{colors.on_error.default.hex}}; // Tray counter text
|
|
trayCounterBgMacInvert: {{colors.error.default.hex}}; // Mac tray counter
|
|
trayCounterFgMacInvert: {{colors.on_error.default.hex}}; // Mac tray counter text
|
|
|
|
layerBg: {{colors.surface.default.hex}}99; // Layer background (60% opacity)
|
|
|
|
cancelIconFg: {{colors.error.default.hex}}; // Cancel icon
|
|
cancelIconFgOver: {{colors.error.default.hex}}; // Cancel icon on hover
|
|
|
|
boxBg: {{colors.surface.default.hex}}; // Box background
|
|
boxTextFg: {{colors.on_surface.default.hex}}; // Box text
|
|
boxTextFgGood: {{colors.primary.default.hex}}; // Box good text
|
|
boxTextFgError: {{colors.error.default.hex}}; // Box error text
|
|
boxTitleFg: {{colors.on_surface.default.hex}}; // Box title text
|
|
boxSearchBg: {{colors.surface.default.hex}}; // Box search field background
|
|
boxSearchCancelIconFg: {{colors.error.default.hex}}; // Box search cancel icon
|
|
boxSearchCancelIconFgOver: {{colors.error.default.hex}}; // Box search cancel icon on hover
|
|
|
|
contactsBg: {{colors.surface.default.hex}}; // Contacts background
|
|
contactsBgOver: {{colors.surface_variant.default.hex}}; // Contacts background on hover
|
|
contactsNameFg: {{colors.on_surface.default.hex}}; // Contact name
|
|
contactsStatusFg: {{colors.outline.default.hex}}; // Contact status
|
|
contactsStatusFgOver: {{colors.on_surface_variant.default.hex}}; // Contact status on hover
|
|
contactsStatusFgOnline: {{colors.primary.default.hex}}; // Online contact status
|
|
|
|
photoCropFadeBg: {{colors.surface.default.hex}}cc; // Photo crop fade background
|
|
photoCropPointFg: {{colors.primary.default.hex}}; // Photo crop points
|
|
|
|
chat_inBubbleSelected: #313244; // inbox selected chat background
|
|
chat_outBubbleSelected: #313244; // outbox selected chat background
|