Created
April 19, 2020 10:26
-
-
Save jkhaui/38d60ee486e64e2f6b16b979e04540fe to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* Facebook */ | |
:root, .__fb-light-mode { | |
--fds-active-icon: #3578E5; | |
--fds-attachment-footer-background: #F2F3F5; | |
--fds-black: #000000; | |
--fds-black-alpha-05: rgba(0, 0, 0, 0.05); | |
--fds-black-alpha-10: rgba(0, 0, 0, 0.1); | |
--fds-black-alpha-15: rgba(0, 0, 0, 0.15); | |
--fds-black-alpha-20: rgba(0, 0, 0, 0.2); | |
--fds-black-alpha-30: rgba(0, 0, 0, 0.3); | |
--fds-black-alpha-40: rgba(0, 0, 0, 0.4); | |
--fds-black-alpha-50: rgba(0, 0, 0, 0.5); | |
--fds-black-alpha-60: rgba(0, 0, 0, 0.6); | |
--fds-black-alpha-80: rgba(0, 0, 0, 0.8); | |
--fds-blue-05: #ECF3FF; | |
--fds-blue-30: #AAC9FF; | |
--fds-blue-40: #77A7FF; | |
--fds-blue-60: #1877F2; | |
--fds-blue-70: #2851A3; | |
--fds-blue-80: #1D3C78; | |
--fds-blue-95: #E7F3FF; | |
--fds-blue-badge: #1877F2; | |
--fds-blue-link: #1877F2; | |
--fds-button-icon: #444950; | |
--fds-button-text: #444950; | |
--fds-comment-background: #F2F3F5; | |
--fds-dark-mode-gray-35: #CCCCCC; | |
--fds-dark-mode-gray-50: #828282; | |
--fds-dark-mode-gray-70: #4A4A4A; | |
--fds-dark-mode-gray-80: #373737; | |
--fds-dark-mode-gray-90: #282828; | |
--fds-dark-mode-gray-100: #1C1C1C; | |
--fds-dark-ui-card-border: #282828; | |
--fds-dark-ui-cards: #1C1C1C; | |
--fds-dark-ui-disabled-icon: #373737; | |
--fds-dark-ui-divider: #282828; | |
--fds-dark-ui-medium-text: #828282; | |
--fds-dark-ui-nav-bar: #1C1C1C; | |
--fds-dark-ui-primary-icon: #828282; | |
--fds-dark-ui-primary-text: #CCCCCC; | |
--fds-dark-ui-secondary-icon: #4A4A4A; | |
--fds-dark-ui-secondary-text: #4A4A4A; | |
--fds-dark-ui-tab-bar: #1C1C1C; | |
--fds-dark-ui-wash: #000000; | |
--fds-data-mango: #f5bb41; | |
--fds-disabled-icon: #BEC3C9; | |
--fds-disabled-text: #BEC3C9; | |
--fds-divider-on-wash: #CCD0D5; | |
--fds-divider-on-white: #DADDE1; | |
--fds-fast: 200ms; | |
--fds-fb-blue-70: #4267B2; | |
--fds-fb-blue-75: #385898; | |
--fds-gray-00: #F5F6F7; | |
--fds-gray-05: #F2F3F5; | |
--fds-gray-10: #EBEDF0; | |
--fds-gray-20: #DADDE1; | |
--fds-gray-25: #CCD0D5; | |
--fds-gray-30: #BEC3C9; | |
--fds-gray-45: #8D949E; | |
--fds-gray-70: #606770; | |
--fds-gray-80: #444950; | |
--fds-gray-90: #E4E6EB; | |
--fds-gray-100: #1C1E21; | |
--fds-green-30: #86DF81; | |
--fds-green-55: #00A400; | |
--fds-green-60: #008C00; | |
--fds-green-70: #006900; | |
--fds-highlight: #3578E5; | |
--fds-highlight-cell-background: #ECF3FF; | |
--fds-list-cell-pressed: rgba(0, 0, 0, 0.05); | |
--fds-mobile-wash: #CCD0D5; | |
--fds-nav-bar-background: #4267B2; | |
--fds-negative: #FA383E; | |
--fds-notification-badge: #FA383E; | |
--fds-placeholder-text: #8D949E; | |
--fds-positive: #00A400; | |
--fds-primary-button-pressed: #77A7FF; | |
--fds-primary-icon: #1C1E21; | |
--fds-primary-text: #1C1E21; | |
--fds-red-55: #FA383E; | |
--fds-secondary-button-pressed: rgba(0, 0, 0, 0.05); | |
--fds-secondary-icon: #606770; | |
--fds-secondary-text: #606770; | |
--fds-slow: 400ms; | |
--fds-soft: cubic-bezier(0.08,0.52,0.52,1); | |
--fds-spectrum-aluminum: #A3CEDF; | |
--fds-spectrum-aluminum-dark-1: #8EBFD4; | |
--fds-spectrum-aluminum-dark-2: #6CA0B6; | |
--fds-spectrum-aluminum-dark-3: #4B8096; | |
--fds-spectrum-aluminum-tint-15: #B0D5E5; | |
--fds-spectrum-aluminum-tint-30: #BFDDE9; | |
--fds-spectrum-aluminum-tint-50: #D1E7F0; | |
--fds-spectrum-aluminum-tint-70: #E4F0F6; | |
--fds-spectrum-aluminum-tint-90: #F6FAFC; | |
--fds-spectrum-blue-gray: #5F6673; | |
--fds-spectrum-blue-gray-dark-1: #4F5766; | |
--fds-spectrum-blue-gray-dark-2: #303846; | |
--fds-spectrum-blue-gray-dark-3: #23272F; | |
--fds-spectrum-blue-gray-tint-15: #777D88; | |
--fds-spectrum-blue-gray-tint-30: #8F949D; | |
--fds-spectrum-blue-gray-tint-50: #AFB3B9; | |
--fds-spectrum-blue-gray-tint-70: #CFD1D5; | |
--fds-spectrum-blue-gray-tint-90: #EFF0F1; | |
--fds-spectrum-cherry: #F35369; | |
--fds-spectrum-cherry-dark-1: #E04C60; | |
--fds-spectrum-cherry-dark-2: #B73749; | |
--fds-spectrum-cherry-dark-3: #9B2B3A; | |
--fds-spectrum-cherry-tint-15: #F36B7F; | |
--fds-spectrum-cherry-tint-30: #F58796; | |
--fds-spectrum-cherry-tint-50: #F8A9B4; | |
--fds-spectrum-cherry-tint-70: #FBCCD2; | |
--fds-spectrum-cherry-tint-90: #FEEEF0; | |
--fds-spectrum-grape: #8C72CB; | |
--fds-spectrum-grape-dark-1: #7B64C0; | |
--fds-spectrum-grape-dark-2: #6A51B2; | |
--fds-spectrum-grape-dark-3: #58409B; | |
--fds-spectrum-grape-tint-15: #9D87D2; | |
--fds-spectrum-grape-tint-30: #AF9CDA; | |
--fds-spectrum-grape-tint-50: #C6B8E5; | |
--fds-spectrum-grape-tint-70: #DDD5F0; | |
--fds-spectrum-grape-tint-90: #F4F1FA; | |
--fds-spectrum-lemon: #FCD872; | |
--fds-spectrum-lemon-dark-1: #F5C33B; | |
--fds-spectrum-lemon-dark-2: #E1A43B; | |
--fds-spectrum-lemon-dark-3: #D18F41; | |
--fds-spectrum-lemon-tint-15: #FFE18F; | |
--fds-spectrum-lemon-tint-30: #FFE8A8; | |
--fds-spectrum-lemon-tint-50: #FFECB5; | |
--fds-spectrum-lemon-tint-70: #FEF2D1; | |
--fds-spectrum-lemon-tint-90: #FFFBF0; | |
--fds-spectrum-lime: #A3CE71; | |
--fds-spectrum-lime-dark-1: #89BE4C; | |
--fds-spectrum-lime-dark-2: #71A830; | |
--fds-spectrum-lime-dark-3: #629824; | |
--fds-spectrum-lime-tint-15: #B1D587; | |
--fds-spectrum-lime-tint-30: #BEDD9C; | |
--fds-spectrum-lime-tint-50: #D1E6B9; | |
--fds-spectrum-lime-tint-70: #E4F0D5; | |
--fds-spectrum-lime-tint-90: #F6FAF1; | |
--fds-spectrum-orange: #F7923B; | |
--fds-spectrum-orange-dark-1: #E07A2E; | |
--fds-spectrum-orange-dark-2: #CC5D22; | |
--fds-spectrum-orange-dark-3: #AC4615; | |
--fds-spectrum-orange-tint-15: #F9A159; | |
--fds-spectrum-orange-tint-30: #F9B278; | |
--fds-spectrum-orange-tint-50: #FBC89F; | |
--fds-spectrum-orange-tint-70: #FCDEC5; | |
--fds-spectrum-orange-tint-90: #FEF4EC; | |
--fds-spectrum-pink: #EC7EBD; | |
--fds-spectrum-pink-dark-1: #EC6FB5; | |
--fds-spectrum-pink-dark-2: #D4539B; | |
--fds-spectrum-pink-dark-3: #B0377B; | |
--fds-spectrum-pink-tint-15: #EF92C7; | |
--fds-spectrum-pink-tint-30: #F2A5D1; | |
--fds-spectrum-pink-tint-50: #F6BFDF; | |
--fds-spectrum-pink-tint-70: #F9D9EB; | |
--fds-spectrum-pink-tint-90: #FDF3F8; | |
--fds-spectrum-seafoam: #54C7EC; | |
--fds-spectrum-seafoam-dark-1: #39AFD5; | |
--fds-spectrum-seafoam-dark-2: #2088AF; | |
--fds-spectrum-seafoam-dark-3: #186D90; | |
--fds-spectrum-seafoam-tint-15: #6BCFEF; | |
--fds-spectrum-seafoam-tint-30: #84D8F2; | |
--fds-spectrum-seafoam-tint-50: #A7E3F6; | |
--fds-spectrum-seafoam-tint-70: #CAEEF9; | |
--fds-spectrum-seafoam-tint-90: #EEFAFD; | |
--fds-spectrum-skin-1: #F1D2B6; | |
--fds-spectrum-skin-1-dark-1: #E2BA96; | |
--fds-spectrum-skin-1-dark-2: #DDAC82; | |
--fds-spectrum-skin-1-dark-3: #D9A170; | |
--fds-spectrum-skin-1-tint-15: #F3D9C1; | |
--fds-spectrum-skin-1-tint-30: #F6E0CC; | |
--fds-spectrum-skin-1-tint-50: #F8E9DB; | |
--fds-spectrum-skin-1-tint-70: #FAF2EA; | |
--fds-spectrum-skin-1-tint-90: #FEFBF8; | |
--fds-spectrum-skin-2: #D7B195; | |
--fds-spectrum-skin-2-dark-1: #CFA588; | |
--fds-spectrum-skin-2-dark-2: #C2977A; | |
--fds-spectrum-skin-2-dark-3: #AF866A; | |
--fds-spectrum-skin-2-tint-15: #DEBDA5; | |
--fds-spectrum-skin-2-tint-30: #E5C9B5; | |
--fds-spectrum-skin-2-tint-50: #ECD8CB; | |
--fds-spectrum-skin-2-tint-70: #F3E8E0; | |
--fds-spectrum-skin-2-tint-90: #FBF7F5; | |
--fds-spectrum-skin-3: #D8A873; | |
--fds-spectrum-skin-3-dark-1: #CD9862; | |
--fds-spectrum-skin-3-dark-2: #BA8653; | |
--fds-spectrum-skin-3-dark-3: #A77A4E; | |
--fds-spectrum-skin-3-tint-15: #E0B588; | |
--fds-spectrum-skin-3-tint-30: #E5C29E; | |
--fds-spectrum-skin-3-tint-50: #ECD4B9; | |
--fds-spectrum-skin-3-tint-70: #F4E5D6; | |
--fds-spectrum-skin-3-tint-90: #FCF6F1; | |
--fds-spectrum-skin-4: #A67B4F; | |
--fds-spectrum-skin-4-dark-1: #A07243; | |
--fds-spectrum-skin-4-dark-2: #94683D; | |
--fds-spectrum-skin-4-dark-3: #815830; | |
--fds-spectrum-skin-4-tint-15: #AE8761; | |
--fds-spectrum-skin-4-tint-30: #BC9D7D; | |
--fds-spectrum-skin-4-tint-50: #D0B9A2; | |
--fds-spectrum-skin-4-tint-70: #E2D5C8; | |
--fds-spectrum-skin-4-tint-90: #F6F1ED; | |
--fds-spectrum-skin-5: #6A4F3B; | |
--fds-spectrum-skin-5-dark-1: #624733; | |
--fds-spectrum-skin-5-dark-2: #503B2C; | |
--fds-spectrum-skin-5-dark-3: #453223; | |
--fds-spectrum-skin-5-tint-15: #8A715B; | |
--fds-spectrum-skin-5-tint-30: #9F8A79; | |
--fds-spectrum-skin-5-tint-50: #BAACA0; | |
--fds-spectrum-skin-5-tint-70: #D5CDC6; | |
--fds-spectrum-skin-5-tint-90: #F2EFEC; | |
--fds-spectrum-slate: #B9CAD2; | |
--fds-spectrum-slate-dark-1: #A8BBC3; | |
--fds-spectrum-slate-dark-2: #89A1AC; | |
--fds-spectrum-slate-dark-3: #688694; | |
--fds-spectrum-slate-tint-15: #C4D2D9; | |
--fds-spectrum-slate-tint-30: #CEDAE0; | |
--fds-spectrum-slate-tint-50: #DCE5E9; | |
--fds-spectrum-slate-tint-70: #EAEFF2; | |
--fds-spectrum-slate-tint-90: #F8FAFB; | |
--fds-spectrum-teal: #6BCEBB; | |
--fds-spectrum-teal-dark-1: #4DBBA6; | |
--fds-spectrum-teal-dark-2: #31A38D; | |
--fds-spectrum-teal-dark-3: #24917D; | |
--fds-spectrum-teal-tint-15: #80D4C4; | |
--fds-spectrum-teal-tint-30: #97DCCF; | |
--fds-spectrum-teal-tint-50: #B4E6DD; | |
--fds-spectrum-teal-tint-70: #D2F0EA; | |
--fds-spectrum-teal-tint-90: #F0FAF8; | |
--fds-spectrum-tomato: #FB724B; | |
--fds-spectrum-tomato-dark-1: #EF6632; | |
--fds-spectrum-tomato-dark-2: #DB4123; | |
--fds-spectrum-tomato-dark-3: #C32D0E; | |
--fds-spectrum-tomato-tint-15: #F1765E; | |
--fds-spectrum-tomato-tint-30: #F38E7B; | |
--fds-spectrum-tomato-tint-50: #F7AFA0; | |
--fds-spectrum-tomato-tint-70: #F9CFC7; | |
--fds-spectrum-tomato-tint-90: #FDEFED; | |
--fds-strong: cubic-bezier(0.12,0.8,0.32,1); | |
--fds-tertiary-icon: #8D949E; | |
--fds-white: #FFFFFF; | |
--fds-white-alpha-05: rgba(255, 255, 255, 0.05); | |
--fds-white-alpha-10: rgba(255, 255, 255, 0.1); | |
--fds-white-alpha-15: rgba(255, 255, 255, 0.15); | |
--fds-white-alpha-20: rgba(255, 255, 255, 0.2); | |
--fds-white-alpha-30: rgba(255, 255, 255, 0.3); | |
--fds-white-alpha-40: rgba(255, 255, 255, 0.4); | |
--fds-white-alpha-50: rgba(255, 255, 255, 0.5); | |
--fds-white-alpha-60: rgba(255, 255, 255, 0.6); | |
--fds-white-alpha-80: rgba(255, 255, 255, 0.8); | |
--fds-white-text: #FFFFFF; | |
--fds-www-wash: #EBEDF0; | |
--fds-yellow-20: #FFBA00; | |
--header-height: 60px; | |
--fds-animation-enter-exit-in: cubic-bezier(0.14, 1, 0.34, 1); | |
--fds-animation-enter-exit-out: cubic-bezier(0.45, 0.1, 0.2, 1); | |
--fds-animation-swap-shuffle-in: cubic-bezier(0.14, 1, 0.34, 1); | |
--fds-animation-swap-shuffle-out: cubic-bezier(0.45, 0.1, 0.2, 1); | |
--fds-animation-move-in: cubic-bezier(0.17, 0.17, 0, 1); | |
--fds-animation-move-out: cubic-bezier(0.17, 0.17, 0, 1); | |
--fds-animation-expand-collapse-in: cubic-bezier(0.17, 0.17, 0, 1); | |
--fds-animation-expand-collapse-out: cubic-bezier(0.17, 0.17, 0, 1); | |
--fds-animation-passive-move-in: cubic-bezier(0.5, 0, 0.1, 1); | |
--fds-animation-passive-move-out: cubic-bezier(0.5, 0, 0.1, 1); | |
--fds-animation-quick-move-in: cubic-bezier(0.1, 0.9, 0.2, 1); | |
--fds-animation-quick-move-out: cubic-bezier(0.1, 0.9, 0.2, 1); | |
--fds-animation-fade-in: cubic-bezier(0, 0, 1, 1); | |
--fds-animation-fade-out: cubic-bezier(0, 0, 1, 1); | |
--fds-duration-extra-extra-short-in: 100ms; | |
--fds-duration-extra-extra-short-out: 100ms; | |
--fds-duration-extra-short-in: 200ms; | |
--fds-duration-extra-short-out: 150ms; | |
--fds-duration-short-in: 280ms; | |
--fds-duration-short-out: 200ms; | |
--fds-duration-medium-in: 400ms; | |
--fds-duration-medium-out: 350ms; | |
--fds-duration-long-in: 500ms; | |
--fds-duration-long-out: 350ms; | |
--fds-duration-extra-long-in: 1000ms; | |
--fds-duration-extra-long-out: 1000ms; | |
--fds-duration-none: 0ms; | |
--accent: hsl(214, 89%, 52%); | |
--always-white: #FFFFFF; | |
--always-black: black; | |
--always-dark-gradient: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6)); | |
--always-dark-overlay: rgba(0, 0, 0, 0.4); | |
--always-light-overlay: rgba(255, 255, 255, 0.4); | |
--attachment-footer-background: #F0F2F5; | |
--base-blue: #1877F2; | |
--base-cherry: #F3425F; | |
--base-grape: #8C72CB; | |
--base-lemon: #FCD872; | |
--base-lime: #A3CE71; | |
--base-pink: #EC7EBD; | |
--base-seafoam: #54C7EC; | |
--base-teal: #6BCEBB; | |
--base-tomato: #FB724B; | |
--blue-link: #216FDB; | |
--card-background: #FFFFFF; | |
--comment-background: #F0F2F5; | |
--disabled-button-background: #E4E6EB; | |
--disabled-icon: #BCC0C4; | |
--disabled-text: #BCC0C4; | |
--divider: #CED0D4; | |
--event-date: #F3425F; | |
--filter-accent: invert(39%) sepia(57%) saturate(200%) saturate(200%) saturate(200%) saturate(200%) saturate(200%) saturate(147.75%) hue-rotate(202deg) brightness(97%) contrast(96%); | |
--filter-always-white: invert(100%); | |
--filter-disabled-icon: invert(80%) sepia(6%) saturate(200%) saturate(120%) hue-rotate(173deg) brightness(98%) contrast(89%); | |
--filter-placeholder-icon: invert(59%) sepia(11%) saturate(200%) saturate(135%) hue-rotate(176deg) brightness(96%) contrast(94%); | |
--filter-primary-icon: invert(8%) sepia(10%) saturate(200%) saturate(200%) saturate(166%) hue-rotate(177deg) brightness(104%) contrast(91%); | |
--filter-secondary-icon: invert(39%) sepia(21%) saturate(200%) saturate(109.5%) hue-rotate(174deg) brightness(94%) contrast(86%); | |
--filter-warning-icon: invert(77%) sepia(29%) saturate(200%) saturate(200%) saturate(200%) saturate(200%) saturate(200%) saturate(128%) hue-rotate(359deg) brightness(102%) contrast(107%); | |
--filter-blue-link-icon: invert(30%) sepia(98%) saturate(200%) saturate(200%) saturate(200%) saturate(166.5%) hue-rotate(192deg) brightness(91%) contrast(101%); | |
--filter-positive: invert(37%) sepia(61%) saturate(200%) saturate(200%) saturate(200%) saturate(200%) saturate(115%) hue-rotate(91deg) brightness(97%) contrast(105%); | |
--filter-negative: invert(25%) sepia(33%) saturate(200%) saturate(200%) saturate(200%) saturate(200%) saturate(200%) saturate(200%) saturate(110%) hue-rotate(345deg) brightness(132%) contrast(96%); | |
--glimmer-spinner-icon: #65676B; | |
--hero-banner-background: #FFFFFF; | |
--hosted-view-selected-state: rgba(45, 136, 255, 0.1); | |
--highlight-bg: #E7F3FF; | |
--hover-overlay: rgba(0, 0, 0, 0.05); | |
--media-hover: rgba(68, 73, 80, 0.15); | |
--media-inner-border: rgba(0, 0, 0, 0.1); | |
--media-outer-border: #FFFFFF; | |
--media-pressed: rgba(68, 73, 80, 0.35); | |
--messenger-card-background: #FFFFFF; | |
--messenger-reply-background: #F0F2F5; | |
--overlay-alpha-80: rgba(244, 244, 244, 0.8); | |
--nav-bar-background: #FFFFFF; | |
--nav-bar-background-gradient: linear-gradient(to top, #FFFFFF, rgb(255, 255, 255), rgba(255,255,255,0.7), rgba(255,255,255,0.4), rgba(255,255,255,0)); | |
--negative: hsl(350, 87%, 55%); | |
--new-notification-background: #E7F3FF; | |
--non-media-pressed: rgba(68, 73, 80, 0.15); | |
--non-media-pressed-on-dark: rgba(255, 255, 255, 0.3); | |
--notification-badge: #F02849; | |
--placeholder-icon: #8A8D91; | |
--placeholder-text: #8A8D91; | |
--placeholder-text-on-media: rgba(255, 255, 255, 0.5); | |
--popover-background: #FFFFFF; | |
--positive: #31A24C; | |
--press-overlay: rgba(0, 0, 0, 0.1); | |
--primary-button-background: #1877F2; | |
--primary-button-pressed: #77A7FF; | |
--primary-button-text: #FFFFFF; | |
--primary-deemphasized-button-background: #E7F3FF; | |
--primary-deemphasized-button-pressed: rgba(0, 0, 0, 0.05); | |
--primary-deemphasized-button-pressed-overlay: rgba(25, 110, 255, 0.15); | |
--primary-deemphasized-button-text: #1877F2; | |
--primary-icon: #050505; | |
--primary-text: #050505; | |
--primary-text-on-media: #FFFFFF; | |
--progress-ring-neutral-background: rgba(0, 0, 0, 0.2); | |
--progress-ring-neutral-foreground: #000000; | |
--progress-ring-on-media-background: rgba(255, 255, 255, 0.2); | |
--progress-ring-on-media-foreground: #FFFFFF; | |
--progress-ring-blue-background: rgba(24, 119, 242, 0.2); | |
--progress-ring-blue-foreground: hsl(214, 89%, 52%); | |
--progress-ring-disabled-background: rgba(190,195,201, 0.2); | |
--progress-ring-disabled-foreground: #BEC3C9; | |
--secondary-button-background: #E4E6EB; | |
--secondary-button-background-floating: #ffffff; | |
--secondary-button-background-on-dark: rgba(0, 0, 0, 0.4); | |
--secondary-button-pressed: rgba(0, 0, 0, 0.05); | |
--secondary-button-text: #050505; | |
--secondary-icon: #65676B; | |
--secondary-text: #65676B; | |
--secondary-text-on-media: rgba(255, 255, 255, 0.9); | |
--section-header-text: #4B4C4F; | |
--shadow-1: rgba(0, 0, 0, 0.1); | |
--shadow-2: rgba(0, 0, 0, 0.2); | |
--shadow-5: rgba(0, 0, 0, 0.5); | |
--shadow-inset: rgba(255, 255, 255, 0.5); | |
--surface-background: #FFFFFF; | |
--text-highlight: rgba(24, 119, 242, 0.2); | |
--toggle-active-background: #E7F3FF; | |
--toggle-active-icon: rgb(24, 119, 242); | |
--toggle-active-text: rgb(24, 119, 242); | |
--toggle-button-active-background: #E7F3FF; | |
--wash: #E4E6EB; | |
--web-wash: #F0F2F5; | |
--warning: hsl(40, 89%, 52%); | |
} | |
/* Reddit */ | |
:root { | |
--newCommunityTheme-actionIcon: #878A8C; | |
--newCommunityTheme-actionIconAlpha20: rgba(135,138,140,0.2); | |
--newCommunityTheme-actionIconAlpha50: rgba(135,138,140,0.5); | |
--newCommunityTheme-actionIconShaded80: #6c6e70; | |
--newCommunityTheme-active: #0079D3; | |
--newCommunityTheme-activeAlpha10: rgba(0,121,211,0.1); | |
--newCommunityTheme-activeAlpha50: rgba(0,121,211,0.5); | |
--newCommunityTheme-activeLight60: #33a8ff; | |
--newCommunityTheme-activeTinted05: #f2f8fc; | |
--newCommunityTheme-backgroundImage: initial; | |
--newCommunityTheme-backgroundImagePosition: cover; | |
--newCommunityTheme-banner-backgroundColor: #33a8ff; | |
--newCommunityTheme-banner-backgroundImage: initial; | |
--newCommunityTheme-banner-backgroundImagePosition: cover; | |
--newCommunityTheme-banner-communityNameFormat: slashtag; | |
--newCommunityTheme-banner-height: 64; | |
--newCommunityTheme-banner-iconColor: #0079D3; | |
--newCommunityTheme-banner-iconDimensions-borderRadius: 24; | |
--newCommunityTheme-banner-iconDimensions-customSize: 32; | |
--newCommunityTheme-banner-iconDimensions-padding: 6; | |
--newCommunityTheme-banner-iconDimensions-size: 24; | |
--newCommunityTheme-banner-iconImage: initial; | |
--newCommunityTheme-banner-lineHeight: 38; | |
--newCommunityTheme-banner-positionedImage: initial; | |
--newCommunityTheme-banner-positionedImageAlignment: left; | |
--newCommunityTheme-banner-positionedImageHeight: 48; | |
--newCommunityTheme-banner-secondaryBannerPositionedImage: initial; | |
--newCommunityTheme-body: #FFFFFF; | |
--newCommunityTheme-bodyAlpha50: rgba(255,255,255,0.5); | |
--newCommunityTheme-bodyAlpha80: rgba(255,255,255,0.8); | |
--newCommunityTheme-bodyFade: #FFFFFF00; | |
--newCommunityTheme-bodyShaded80: #ccc; | |
--newCommunityTheme-bodyText: #1c1c1c; | |
--newCommunityTheme-bodyTextAlpha03: rgba(28,28,28,0.03); | |
--newCommunityTheme-bodyTextAlpha20: rgba(28,28,28,0.2); | |
--newCommunityTheme-bodyTextShaded20: #050505; | |
--newCommunityTheme-bodyTextTinted20: #d1d1d1; | |
--newCommunityTheme-bodyTinted50: #fff; | |
--newCommunityTheme-bodyTinted80: #fff; | |
--newCommunityTheme-button: #0079D3; | |
--newCommunityTheme-buttonAlpha05: rgba(0,121,211,0.05); | |
--newCommunityTheme-buttonAlpha10: rgba(0,121,211,0.1); | |
--newCommunityTheme-buttonAlpha20: rgba(0,121,211,0.2); | |
--newCommunityTheme-buttonAlpha40: rgba(0,121,211,0.4); | |
--newCommunityTheme-buttonAlpha50: rgba(0,121,211,0.5); | |
--newCommunityTheme-buttonAlpha80: rgba(0,121,211,0.8); | |
--newCommunityTheme-buttonShaded80: #0060a8; | |
--newCommunityTheme-buttonTinted20: #cce4f6; | |
--newCommunityTheme-buttonTinted50: #7fbce9; | |
--newCommunityTheme-buttonTinted80: #3293db; | |
--newCommunityTheme-canvas: #DAE0E6; | |
--newCommunityTheme-canvasImgPosition: cover; | |
--newCommunityTheme-canvasImgUrl: initial; | |
--newCommunityTheme-errorText: #FF0000; | |
--newCommunityTheme-field: #F6F7F8; | |
--newCommunityTheme-fieldFade: #F6F7F800; | |
--newCommunityTheme-flair: #EDEFF1; | |
--newCommunityTheme-highlight: #e5f1fa; | |
--newCommunityTheme-inactive: #EDEFF1; | |
--newCommunityTheme-lightText: #FFFFFF; | |
--newCommunityTheme-lightTextAlpha75: rgba(255,255,255,0.75); | |
--newCommunityTheme-line: #EDEFF1; | |
--newCommunityTheme-lineShadedNinety: #d5d7d8; | |
--newCommunityTheme-linkText: #0079D3; | |
--newCommunityTheme-linkTextAlpha80: rgba(0,121,211,0.5); | |
--newCommunityTheme-linkTextShaded80: #0060a8; | |
--newCommunityTheme-linkTextTinted80: #3293db; | |
--newCommunityTheme-linkTextWithBody: #3f9ade; | |
--newCommunityTheme-menu: #FFFFFF; | |
--newCommunityTheme-menuActiveText: #0079D3; | |
--newCommunityTheme-menuInactiveText: #0079D3; | |
--newCommunityTheme-metaText: #7c7c7c; | |
--newCommunityTheme-monospaceColor: #FF006D; | |
--newCommunityTheme-navBar-activeLink: #0079D3; | |
--newCommunityTheme-navBar-activeSubmenuCaret: #0079D3; | |
--newCommunityTheme-navBar-activeSubmenuLink: #0079D3; | |
--newCommunityTheme-navBar-backgroundColor: #dbf0ff; | |
--newCommunityTheme-navBar-backgroundImage: initial; | |
--newCommunityTheme-navBar-hoverLink: #0079D3; | |
--newCommunityTheme-navBar-inactiveLink: #0079D3; | |
--newCommunityTheme-navBar-inactiveSubmenuCaret: #33a8ff; | |
--newCommunityTheme-navBar-inactiveSubmenuLink: #33a8ff; | |
--newCommunityTheme-navBar-submenuBackgroundColor: #dbf0ff; | |
--newCommunityTheme-navIcon: #1A1A1B; | |
--newCommunityTheme-navIconFaded10: rgba(26,26,27,0.1); | |
--newCommunityTheme-pageHeader: #0079D3; | |
--newCommunityTheme-placeholder: #d6d6d6; | |
--newCommunityTheme-placeholderImage: initial; | |
--newCommunityTheme-placeholderImagePosition: cover; | |
--newCommunityTheme-post: #FFFFFF; | |
--newCommunityTheme-postError: #ffe5e5; | |
--newCommunityTheme-postFlairText: #1A1A1B; | |
--newCommunityTheme-postIcon: #898989; | |
--newCommunityTheme-postLine: #ccc; | |
--newCommunityTheme-postTinted20: #fff; | |
--newCommunityTheme-postTransparent20: rgba(255,255,255,0.8); | |
--newCommunityTheme-primaryButtonShadedEighty: #0060a8; | |
--newCommunityTheme-primaryButtonTintedEighty: #3293db; | |
--newCommunityTheme-primaryButtonTintedFifty: #7fbce9; | |
--newCommunityTheme-primaryButtonTintedSixty: #66aee4; | |
--newCommunityTheme-report: #fff7e5; | |
--newCommunityTheme-textTransparentizedEighty: rgba(26,26,27,0.2); | |
--newCommunityTheme-titleText: #222222; | |
--newCommunityTheme-voteIcons-downvoteActive: initial; | |
--newCommunityTheme-voteIcons-downvoteInactive: initial; | |
--newCommunityTheme-voteIcons-upvoteActive: initial; | |
--newCommunityTheme-voteIcons-upvoteInactive: initial; | |
--newCommunityTheme-voteText-base: #898989; | |
--newCommunityTheme-voteText-downvote: #7193FF; | |
--newCommunityTheme-voteText-downvoteShaded80: #5a75cc; | |
--newCommunityTheme-voteText-downvoteTinted80: #8da8ff; | |
--newCommunityTheme-voteText-upvote: #FF4500; | |
--newCommunityTheme-voteText-upvoteShaded80: #cc3700; | |
--newCommunityTheme-voteText-upvoteTinted80: #ff6a32; | |
--newCommunityTheme-widgetColors-lineColor: rgba(26,26,27,0.07); | |
--newCommunityTheme-widgetColors-sidebarWidgetBackgroundColor: #FFFFFF; | |
--newCommunityTheme-widgetColors-sidebarWidgetBorderColor: #ccc; | |
--newCommunityTheme-widgetColors-sidebarWidgetHeaderColor: #FFFFFF; | |
--newCommunityTheme-widgetColors-sidebarWidgetHeaderColorAlpha60: rgba(255,255,255,0.6); | |
--newCommunityTheme-widgetColors-sidebarWidgetTextColor: #1A1A1B; | |
--newCommunityTheme-widgetColors-sidebarWidgetTextColorShaded80: #141415; | |
--newCommunityTheme-widgetColors-sidebarWidgetTitleColor: #1A1A1B; | |
--newRedditTheme-actionIcon: #878A8C; | |
--newRedditTheme-actionIconAlpha20: rgba(135,138,140,0.2); | |
--newRedditTheme-actionIconAlpha50: rgba(135,138,140,0.5); | |
--newRedditTheme-actionIconShaded80: #6c6e70; | |
--newRedditTheme-active: #24A0ED; | |
--newRedditTheme-activeAlpha10: rgba(36,160,237,0.1); | |
--newRedditTheme-activeAlpha50: rgba(36,160,237,0.5); | |
--newRedditTheme-activeLight60: #42adf0; | |
--newRedditTheme-activeTinted05: #f4fafe; | |
--newRedditTheme-banner-backgroundColor: #24A0ED; | |
--newRedditTheme-banner-backgroundImage: initial; | |
--newRedditTheme-banner-backgroundImagePosition: cover; | |
--newRedditTheme-banner-communityNameFormat: slashtag; | |
--newRedditTheme-banner-height: 64; | |
--newRedditTheme-banner-iconColor: #24A0ED; | |
--newRedditTheme-banner-iconDimensions-borderRadius: 24; | |
--newRedditTheme-banner-iconDimensions-customSize: 32; | |
--newRedditTheme-banner-iconDimensions-padding: 6; | |
--newRedditTheme-banner-iconDimensions-size: 24; | |
--newRedditTheme-banner-iconImage: initial; | |
--newRedditTheme-banner-lineHeight: 38; | |
--newRedditTheme-banner-positionedImage: initial; | |
--newRedditTheme-banner-positionedImageAlignment: cover; | |
--newRedditTheme-banner-positionedImageHeight: 48; | |
--newRedditTheme-banner-secondaryBannerPositionedImage: initial; | |
--newRedditTheme-body: #FFFFFF; | |
--newRedditTheme-bodyAlpha50: rgba(255,255,255,0.5); | |
--newRedditTheme-bodyAlpha80: rgba(255,255,255,0.8); | |
--newRedditTheme-bodyFade: #FFFFFF00; | |
--newRedditTheme-bodyShaded80: #ccc; | |
--newRedditTheme-bodyText: #1c1c1c; | |
--newRedditTheme-bodyTextAlpha03: rgba(28,28,28,0.03); | |
--newRedditTheme-bodyTextAlpha20: rgba(28,28,28,0.2); | |
--newRedditTheme-bodyTextShaded20: #050505; | |
--newRedditTheme-bodyTextTinted20: #d1d1d1; | |
--newRedditTheme-bodyTinted50: #fff; | |
--newRedditTheme-bodyTinted80: #fff; | |
--newRedditTheme-button: #0079D3; | |
--newRedditTheme-buttonAlpha05: rgba(0,121,211,0.05); | |
--newRedditTheme-buttonAlpha10: rgba(0,121,211,0.1); | |
--newRedditTheme-buttonAlpha20: rgba(0,121,211,0.2); | |
--newRedditTheme-buttonAlpha40: rgba(0,121,211,0.4); | |
--newRedditTheme-buttonAlpha50: rgba(0,121,211,0.5); | |
--newRedditTheme-buttonAlpha80: rgba(0,121,211,0.8); | |
--newRedditTheme-buttonShaded80: #0060a8; | |
--newRedditTheme-buttonTinted20: #cce4f6; | |
--newRedditTheme-buttonTinted50: #7fbce9; | |
--newRedditTheme-buttonTinted80: #3293db; | |
--newRedditTheme-canvas: #DAE0E6; | |
--newRedditTheme-errorText: #FF0000; | |
--newRedditTheme-field: #F6F7F8; | |
--newRedditTheme-fieldFade: #F6F7F800; | |
--newRedditTheme-flair: #EDEFF1; | |
--newRedditTheme-highlight: #e9f5fd; | |
--newRedditTheme-inactive: #EDEFF1; | |
--newRedditTheme-lightText: #FFFFFF; | |
--newRedditTheme-lightTextAlpha75: rgba(255,255,255,0.75); | |
--newRedditTheme-line: #EDEFF1; | |
--newRedditTheme-linkText: #0079D3; | |
--newRedditTheme-linkTextAlpha80: rgba(0,121,211,0.5); | |
--newRedditTheme-linkTextShaded80: #0060a8; | |
--newRedditTheme-linkTextTinted80: #3293db; | |
--newRedditTheme-linkTextWithBody: #3f9ade; | |
--newRedditTheme-menu: #FFFFFF; | |
--newRedditTheme-menuActiveText: #0079D3; | |
--newRedditTheme-menuInactiveText: #0079D3; | |
--newRedditTheme-metaText: #7c7c7c; | |
--newRedditTheme-metaTextAlpha50: rgba(120,124,126,0.5); | |
--newRedditTheme-metaTextShaded80: #606364; | |
--newRedditTheme-monospaceColor: #FF006D; | |
--newRedditTheme-navBar-activeLink: #E9F5FD; | |
--newRedditTheme-navBar-activeSubmenuCaret: #24A0ED; | |
--newRedditTheme-navBar-activeSubmenuLink: #24A0ED; | |
--newRedditTheme-navBar-backgroundColor: #24A0ED; | |
--newRedditTheme-navBar-backgroundImage: initial; | |
--newRedditTheme-navBar-hoverLink: #E9F5FD; | |
--newRedditTheme-navBar-inactiveLink: #EDEFF1; | |
--newRedditTheme-navBar-inactiveSubmenuCaret: #42adf0; | |
--newRedditTheme-navBar-inactiveSubmenuLink: #42adf0; | |
--newRedditTheme-navBar-submenuBackgroundColor: #def1fc; | |
--newRedditTheme-navIcon: #1A1A1B; | |
--newRedditTheme-navIconFaded10: rgba(26,26,27,0.1); | |
--newRedditTheme-pageHeader: #0079D3; | |
--newRedditTheme-placeholder: #d6d6d6; | |
--newRedditTheme-post: #FFFFFF; | |
--newRedditTheme-postError: #ffe5e5; | |
--newRedditTheme-postFlairText: #1A1A1B; | |
--newRedditTheme-postIcon: #898989; | |
--newRedditTheme-postLine: #ccc; | |
--newRedditTheme-postTinted20: #fff; | |
--newRedditTheme-postTransparent20: rgba(255,255,255,0.8); | |
--newRedditTheme-report: #fff7e5; | |
--newRedditTheme-titleText: #1A1A1B; | |
--newRedditTheme-voteIcons-downvoteActive: initial; | |
--newRedditTheme-voteIcons-downvoteInactive: initial; | |
--newRedditTheme-voteIcons-upvoteActive: initial; | |
--newRedditTheme-voteIcons-upvoteInactive: initial; | |
--newRedditTheme-voteText-base: #898989; | |
--newRedditTheme-voteText-downvote: #7193FF; | |
--newRedditTheme-voteText-downvoteShaded80: #5a75cc; | |
--newRedditTheme-voteText-downvoteTinted80: #8da8ff; | |
--newRedditTheme-voteText-upvote: #FF4500; | |
--newRedditTheme-voteText-upvoteShaded80: #cc3700; | |
--newRedditTheme-voteText-upvoteTinted80: #ff6a32; | |
--newRedditTheme-widgetColors-lineColor: rgba(26,26,27,0.07); | |
--newRedditTheme-widgetColors-sidebarWidgetBackgroundColor: #FFFFFF; | |
--newRedditTheme-widgetColors-sidebarWidgetBorderColor: #ccc; | |
--newRedditTheme-widgetColors-sidebarWidgetHeaderColor: #FFFFFF; | |
--newRedditTheme-widgetColors-sidebarWidgetHeaderColorAlpha60: rgba(255,255,255,0.6); | |
--newRedditTheme-widgetColors-sidebarWidgetTextColor: #1A1A1B; | |
--newRedditTheme-widgetColors-sidebarWidgetTextColorShaded80: #141415; | |
--newRedditTheme-widgetColors-sidebarWidgetTitleColor: #1A1A1B; | |
--subredditContext-emojiHeight: initial; | |
--subredditContext-emojiWidth: initial; | |
} | |
:root { | |
--newCommunityTheme-actionIcon: #878A8C; | |
--newCommunityTheme-actionIconAlpha20: rgba(135,138,140,0.2); | |
--newCommunityTheme-actionIconAlpha50: rgba(135,138,140,0.5); | |
--newCommunityTheme-actionIconShaded80: #6c6e70; | |
--newCommunityTheme-active: #0079D3; | |
--newCommunityTheme-activeAlpha10: rgba(0,121,211,0.1); | |
--newCommunityTheme-activeAlpha50: rgba(0,121,211,0.5); | |
--newCommunityTheme-activeLight60: #33a8ff; | |
--newCommunityTheme-activeTinted05: #f2f8fc; | |
--newCommunityTheme-backgroundImage: initial; | |
--newCommunityTheme-backgroundImagePosition: cover; | |
--newCommunityTheme-banner-backgroundColor: #33a8ff; | |
--newCommunityTheme-banner-backgroundImage: initial; | |
--newCommunityTheme-banner-backgroundImagePosition: cover; | |
--newCommunityTheme-banner-communityNameFormat: slashtag; | |
--newCommunityTheme-banner-height: 64; | |
--newCommunityTheme-banner-iconColor: #0079D3; | |
--newCommunityTheme-banner-iconDimensions-borderRadius: 24; | |
--newCommunityTheme-banner-iconDimensions-customSize: 32; | |
--newCommunityTheme-banner-iconDimensions-padding: 6; | |
--newCommunityTheme-banner-iconDimensions-size: 24; | |
--newCommunityTheme-banner-iconImage: initial; | |
--newCommunityTheme-banner-lineHeight: 38; | |
--newCommunityTheme-banner-positionedImage: initial; | |
--newCommunityTheme-banner-positionedImageAlignment: left; | |
--newCommunityTheme-banner-positionedImageHeight: 48; | |
--newCommunityTheme-banner-secondaryBannerPositionedImage: initial; | |
--newCommunityTheme-body: #FFFFFF; | |
--newCommunityTheme-bodyAlpha50: rgba(255,255,255,0.5); | |
--newCommunityTheme-bodyAlpha80: rgba(255,255,255,0.8); | |
--newCommunityTheme-bodyFade: #FFFFFF00; | |
--newCommunityTheme-bodyShaded80: #ccc; | |
--newCommunityTheme-bodyText: #1c1c1c; | |
--newCommunityTheme-bodyTextAlpha03: rgba(28,28,28,0.03); | |
--newCommunityTheme-bodyTextAlpha20: rgba(28,28,28,0.2); | |
--newCommunityTheme-bodyTextShaded20: #050505; | |
--newCommunityTheme-bodyTextTinted20: #d1d1d1; | |
--newCommunityTheme-bodyTinted50: #fff; | |
--newCommunityTheme-bodyTinted80: #fff; | |
--newCommunityTheme-button: #0079D3; | |
--newCommunityTheme-buttonAlpha05: rgba(0,121,211,0.05); | |
--newCommunityTheme-buttonAlpha10: rgba(0,121,211,0.1); | |
--newCommunityTheme-buttonAlpha20: rgba(0,121,211,0.2); | |
--newCommunityTheme-buttonAlpha40: rgba(0,121,211,0.4); | |
--newCommunityTheme-buttonAlpha50: rgba(0,121,211,0.5); | |
--newCommunityTheme-buttonAlpha80: rgba(0,121,211,0.8); | |
--newCommunityTheme-buttonShaded80: #0060a8; | |
--newCommunityTheme-buttonTinted20: #cce4f6; | |
--newCommunityTheme-buttonTinted50: #7fbce9; | |
--newCommunityTheme-buttonTinted80: #3293db; | |
--newCommunityTheme-canvas: #DAE0E6; | |
--newCommunityTheme-canvasImgPosition: cover; | |
--newCommunityTheme-canvasImgUrl: initial; | |
--newCommunityTheme-errorText: #FF0000; | |
--newCommunityTheme-field: #F6F7F8; | |
--newCommunityTheme-fieldFade: #F6F7F800; | |
--newCommunityTheme-flair: #EDEFF1; | |
--newCommunityTheme-highlight: #e5f1fa; | |
--newCommunityTheme-inactive: #EDEFF1; | |
--newCommunityTheme-lightText: #FFFFFF; | |
--newCommunityTheme-lightTextAlpha75: rgba(255,255,255,0.75); | |
--newCommunityTheme-line: #EDEFF1; | |
--newCommunityTheme-lineShadedNinety: #d5d7d8; | |
--newCommunityTheme-linkText: #0079D3; | |
--newCommunityTheme-linkTextAlpha80: rgba(0,121,211,0.5); | |
--newCommunityTheme-linkTextShaded80: #0060a8; | |
--newCommunityTheme-linkTextTinted80: #3293db; | |
--newCommunityTheme-linkTextWithBody: #3f9ade; | |
--newCommunityTheme-menu: #FFFFFF; | |
--newCommunityTheme-menuActiveText: #0079D3; | |
--newCommunityTheme-menuInactiveText: #0079D3; | |
--newCommunityTheme-metaText: #7c7c7c; | |
--newCommunityTheme-monospaceColor: #FF006D; | |
--newCommunityTheme-navBar-activeLink: #0079D3; | |
--newCommunityTheme-navBar-activeSubmenuCaret: #0079D3; | |
--newCommunityTheme-navBar-activeSubmenuLink: #0079D3; | |
--newCommunityTheme-navBar-backgroundColor: #dbf0ff; | |
--newCommunityTheme-navBar-backgroundImage: initial; | |
--newCommunityTheme-navBar-hoverLink: #0079D3; | |
--newCommunityTheme-navBar-inactiveLink: #0079D3; | |
--newCommunityTheme-navBar-inactiveSubmenuCaret: #33a8ff; | |
--newCommunityTheme-navBar-inactiveSubmenuLink: #33a8ff; | |
--newCommunityTheme-navBar-submenuBackgroundColor: #dbf0ff; | |
--newCommunityTheme-navIcon: #1A1A1B; | |
--newCommunityTheme-navIconFaded10: rgba(26,26,27,0.1); | |
--newCommunityTheme-pageHeader: #0079D3; | |
--newCommunityTheme-placeholder: #d6d6d6; | |
--newCommunityTheme-placeholderImage: initial; | |
--newCommunityTheme-placeholderImagePosition: cover; | |
--newCommunityTheme-post: #FFFFFF; | |
--newCommunityTheme-postError: #ffe5e5; | |
--newCommunityTheme-postFlairText: #1A1A1B; | |
--newCommunityTheme-postIcon: #898989; | |
--newCommunityTheme-postLine: #ccc; | |
--newCommunityTheme-postTinted20: #fff; | |
--newCommunityTheme-postTransparent20: rgba(255,255,255,0.8); | |
--newCommunityTheme-primaryButtonShadedEighty: #0060a8; | |
--newCommunityTheme-primaryButtonTintedEighty: #3293db; | |
--newCommunityTheme-primaryButtonTintedFifty: #7fbce9; | |
--newCommunityTheme-primaryButtonTintedSixty: #66aee4; | |
--newCommunityTheme-report: #fff7e5; | |
--newCommunityTheme-textTransparentizedEighty: rgba(26,26,27,0.2); | |
--newCommunityTheme-titleText: #222222; | |
--newCommunityTheme-voteIcons-downvoteActive: initial; | |
--newCommunityTheme-voteIcons-downvoteInactive: initial; | |
--newCommunityTheme-voteIcons-upvoteActive: initial; | |
--newCommunityTheme-voteIcons-upvoteInactive: initial; | |
--newCommunityTheme-voteText-base: #898989; | |
--newCommunityTheme-voteText-downvote: #7193FF; | |
--newCommunityTheme-voteText-downvoteShaded80: #5a75cc; | |
--newCommunityTheme-voteText-downvoteTinted80: #8da8ff; | |
--newCommunityTheme-voteText-upvote: #FF4500; | |
--newCommunityTheme-voteText-upvoteShaded80: #cc3700; | |
--newCommunityTheme-voteText-upvoteTinted80: #ff6a32; | |
--newCommunityTheme-widgetColors-lineColor: rgba(26,26,27,0.07); | |
--newCommunityTheme-widgetColors-sidebarWidgetBackgroundColor: #FFFFFF; | |
--newCommunityTheme-widgetColors-sidebarWidgetBorderColor: #ccc; | |
--newCommunityTheme-widgetColors-sidebarWidgetHeaderColor: #FFFFFF; | |
--newCommunityTheme-widgetColors-sidebarWidgetHeaderColorAlpha60: rgba(255,255,255,0.6); | |
--newCommunityTheme-widgetColors-sidebarWidgetTextColor: #1A1A1B; | |
--newCommunityTheme-widgetColors-sidebarWidgetTextColorShaded80: #141415; | |
--newCommunityTheme-widgetColors-sidebarWidgetTitleColor: #1A1A1B; | |
--newRedditTheme-actionIcon: #878A8C; | |
--newRedditTheme-actionIconAlpha20: rgba(135,138,140,0.2); | |
--newRedditTheme-actionIconAlpha50: rgba(135,138,140,0.5); | |
--newRedditTheme-actionIconShaded80: #6c6e70; | |
--newRedditTheme-active: #24A0ED; | |
--newRedditTheme-activeAlpha10: rgba(36,160,237,0.1); | |
--newRedditTheme-activeAlpha50: rgba(36,160,237,0.5); | |
--newRedditTheme-activeLight60: #42adf0; | |
--newRedditTheme-activeTinted05: #f4fafe; | |
--newRedditTheme-banner-backgroundColor: #24A0ED; | |
--newRedditTheme-banner-backgroundImage: initial; | |
--newRedditTheme-banner-backgroundImagePosition: cover; | |
--newRedditTheme-banner-communityNameFormat: slashtag; | |
--newRedditTheme-banner-height: 64; | |
--newRedditTheme-banner-iconColor: #24A0ED; | |
--newRedditTheme-banner-iconDimensions-borderRadius: 24; | |
--newRedditTheme-banner-iconDimensions-customSize: 32; | |
--newRedditTheme-banner-iconDimensions-padding: 6; | |
--newRedditTheme-banner-iconDimensions-size: 24; | |
--newRedditTheme-banner-iconImage: initial; | |
--newRedditTheme-banner-lineHeight: 38; | |
--newRedditTheme-banner-positionedImage: initial; | |
--newRedditTheme-banner-positionedImageAlignment: cover; | |
--newRedditTheme-banner-positionedImageHeight: 48; | |
--newRedditTheme-banner-secondaryBannerPositionedImage: initial; | |
--newRedditTheme-body: #FFFFFF; | |
--newRedditTheme-bodyAlpha50: rgba(255,255,255,0.5); | |
--newRedditTheme-bodyAlpha80: rgba(255,255,255,0.8); | |
--newRedditTheme-bodyFade: #FFFFFF00; | |
--newRedditTheme-bodyShaded80: #ccc; | |
--newRedditTheme-bodyText: #1c1c1c; | |
--newRedditTheme-bodyTextAlpha03: rgba(28,28,28,0.03); | |
--newRedditTheme-bodyTextAlpha20: rgba(28,28,28,0.2); | |
--newRedditTheme-bodyTextShaded20: #050505; | |
--newRedditTheme-bodyTextTinted20: #d1d1d1; | |
--newRedditTheme-bodyTinted50: #fff; | |
--newRedditTheme-bodyTinted80: #fff; | |
--newRedditTheme-button: #0079D3; | |
--newRedditTheme-buttonAlpha05: rgba(0,121,211,0.05); | |
--newRedditTheme-buttonAlpha10: rgba(0,121,211,0.1); | |
--newRedditTheme-buttonAlpha20: rgba(0,121,211,0.2); | |
--newRedditTheme-buttonAlpha40: rgba(0,121,211,0.4); | |
--newRedditTheme-buttonAlpha50: rgba(0,121,211,0.5); | |
--newRedditTheme-buttonAlpha80: rgba(0,121,211,0.8); | |
--newRedditTheme-buttonShaded80: #0060a8; | |
--newRedditTheme-buttonTinted20: #cce4f6; | |
--newRedditTheme-buttonTinted50: #7fbce9; | |
--newRedditTheme-buttonTinted80: #3293db; | |
--newRedditTheme-canvas: #DAE0E6; | |
--newRedditTheme-errorText: #FF0000; | |
--newRedditTheme-field: #F6F7F8; | |
--newRedditTheme-fieldFade: #F6F7F800; | |
--newRedditTheme-flair: #EDEFF1; | |
--newRedditTheme-highlight: #e9f5fd; | |
--newRedditTheme-inactive: #EDEFF1; | |
--newRedditTheme-lightText: #FFFFFF; | |
--newRedditTheme-lightTextAlpha75: rgba(255,255,255,0.75); | |
--newRedditTheme-line: #EDEFF1; | |
--newRedditTheme-linkText: #0079D3; | |
--newRedditTheme-linkTextAlpha80: rgba(0,121,211,0.5); | |
--newRedditTheme-linkTextShaded80: #0060a8; | |
--newRedditTheme-linkTextTinted80: #3293db; | |
--newRedditTheme-linkTextWithBody: #3f9ade; | |
--newRedditTheme-menu: #FFFFFF; | |
--newRedditTheme-menuActiveText: #0079D3; | |
--newRedditTheme-menuInactiveText: #0079D3; | |
--newRedditTheme-metaText: #7c7c7c; | |
--newRedditTheme-metaTextAlpha50: rgba(120,124,126,0.5); | |
--newRedditTheme-metaTextShaded80: #606364; | |
--newRedditTheme-monospaceColor: #FF006D; | |
--newRedditTheme-navBar-activeLink: #E9F5FD; | |
--newRedditTheme-navBar-activeSubmenuCaret: #24A0ED; | |
--newRedditTheme-navBar-activeSubmenuLink: #24A0ED; | |
--newRedditTheme-navBar-backgroundColor: #24A0ED; | |
--newRedditTheme-navBar-backgroundImage: initial; | |
--newRedditTheme-navBar-hoverLink: #E9F5FD; | |
--newRedditTheme-navBar-inactiveLink: #EDEFF1; | |
--newRedditTheme-navBar-inactiveSubmenuCaret: #42adf0; | |
--newRedditTheme-navBar-inactiveSubmenuLink: #42adf0; | |
--newRedditTheme-navBar-submenuBackgroundColor: #def1fc; | |
--newRedditTheme-navIcon: #1A1A1B; | |
--newRedditTheme-navIconFaded10: rgba(26,26,27,0.1); | |
--newRedditTheme-pageHeader: #0079D3; | |
--newRedditTheme-placeholder: #d6d6d6; | |
--newRedditTheme-post: #FFFFFF; | |
--newRedditTheme-postError: #ffe5e5; | |
--newRedditTheme-postFlairText: #1A1A1B; | |
--newRedditTheme-postIcon: #898989; | |
--newRedditTheme-postLine: #ccc; | |
--newRedditTheme-postTinted20: #fff; | |
--newRedditTheme-postTransparent20: rgba(255,255,255,0.8); | |
--newRedditTheme-report: #fff7e5; | |
--newRedditTheme-titleText: #1A1A1B; | |
--newRedditTheme-voteIcons-downvoteActive: initial; | |
--newRedditTheme-voteIcons-downvoteInactive: initial; | |
--newRedditTheme-voteIcons-upvoteActive: initial; | |
--newRedditTheme-voteIcons-upvoteInactive: initial; | |
--newRedditTheme-voteText-base: #898989; | |
--newRedditTheme-voteText-downvote: #7193FF; | |
--newRedditTheme-voteText-downvoteShaded80: #5a75cc; | |
--newRedditTheme-voteText-downvoteTinted80: #8da8ff; | |
--newRedditTheme-voteText-upvote: #FF4500; | |
--newRedditTheme-voteText-upvoteShaded80: #cc3700; | |
--newRedditTheme-voteText-upvoteTinted80: #ff6a32; | |
--newRedditTheme-widgetColors-lineColor: rgba(26,26,27,0.07); | |
--newRedditTheme-widgetColors-sidebarWidgetBackgroundColor: #FFFFFF; | |
--newRedditTheme-widgetColors-sidebarWidgetBorderColor: #ccc; | |
--newRedditTheme-widgetColors-sidebarWidgetHeaderColor: #FFFFFF; | |
--newRedditTheme-widgetColors-sidebarWidgetHeaderColorAlpha60: rgba(255,255,255,0.6); | |
--newRedditTheme-widgetColors-sidebarWidgetTextColor: #1A1A1B; | |
--newRedditTheme-widgetColors-sidebarWidgetTextColorShaded80: #141415; | |
--newRedditTheme-widgetColors-sidebarWidgetTitleColor: #1A1A1B; | |
--subredditContext-emojiHeight: initial; | |
--subredditContext-emojiWidth: initial; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment