Authorblyad
LicenseCC BY-NC-SA 4.0
Categoryinstagram
Created
Updated
Size25 kB
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
invert values to be more accuratesuggestions for you and your profile abovehelp.instagram.comabout.instagram.com/* ==UserStyle==
@name Dark Instagram (variable recolor) - FORKED
@namespace github.com/blyad2137/dark-instagram--variable-recolor--forked
@author Daniel Perren (https://userstyles.world/user/grizzoch) blyad (https://github.com/blyad2137)
@description `Changes white to dark 8)`
@version 1.0.7
@license CC BY-NC-SA 4.0
@homepageURL https://github.com/blyad2137/dark-instagram--variable-recolor--forked
@supportURL https://github.com/blyad2137/dark-instagram--variable-recolor--forked/issues
@preprocessor uso
@advanced dropdown scrollbar "Scrollbar" {
included "Scrollbar included*" <<<EOT
/* SCROLLBAR *\/
/* width *\/
::-webkit-scrollbar {
width: 10px;
}
/* Track *\/
::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px #000;
}
/* Handle *\/
::-webkit-scrollbar-thumb {
background: rgb(100, 100, 100);
}
/* Handle on hover *\/
::-webkit-scrollbar-thumb:hover {
background: rgb(150, 150, 150);
}
::-webkit-scrollbar-corner {
background-color: rgba(var(--ig-primary-background),1);
}EOT;
excluded "Scrollbar excluded" <<<EOT EOT;
}
@advanced text feed "Size of the feed(0-50%)" 50%
==/UserStyle== */
@-moz-document domain('instagram.com') {
html,
body,
div,
nav,
article,
section {
--hscc-collapse-transition-duration: .3s;
--ig-badge: 220, 220, 220;
--ig-close-friends-refreshed: 28, 209, 79;
--ig-elevated-background: 15, 15, 15;
--ig-banner-background: var( --ig-primary-background);
--ig-elevated-separator: 100, 100, 100;
--ig-error-or-destructive: 237, 73, 86;
--ig-facebook-blue: 53, 121, 234;
--ig-focus-stroke: 168, 168, 168;
--ig-full-screen-background: 54, 54, 54;
--ig-highlight-background: 50, 50, 50;
--ig-link: 76, 168, 255;
--ig-live-badge: 255, 1, 105;
--ig-primary-background: 24, 24, 24;
--ig-primary-button: 76, 168, 255;
--ig-primary-text: 200, 200, 200;
--ig-secondary-background: 28, 28, 28;
--ig-secondary-button: 200, 200, 200;
--ig-secondary-text: 180, 180, 180;
--ig-separator: 61, 61, 61;
--ig-stroke: 61, 61, 61;
--ig-subscribers-only: 118, 56, 250;
--ig-success: 88, 195, 34;
--ig-temporary-highlight: 245, 251, 255;
--ig-tertiary-text: 111, 111, 111;
--ig-text-on-color: 255, 255, 255;
--modal-backdrop-dark: rgba(0, 0, 0, .85);
--modal-backdrop-default: rgba(0, 0, 0, .65);
--modal-border-radius: 12px;
--modal-padding: 16px;
--modal-z-index: 100;
--orange-5: #fd8d32;
--photo: 600px;
--pink-5: #d10869;
--post-step-indicator: 168, 168, 168;
--post-separator: 100, 100, 100;
--purple-5: #a307ba;
--red-4: #ff6874;
--red-5: #ed4956;
--red-6: #c62330;
--red-7: #a70311;
--tos-box-shadow: 0, 0, 0;
--web-always-black: 0, 0, 0;
--web-always-white: 255, 255, 255;
--web-overlay-on-media: 38, 38, 38;
--web-secondary-action: 224, 241, 255;
--yellow-5: #fdcb5c;
--w1: 236, 244, 255;
/* Username links */
--fe0: 0, 155, 255 !important;
/* Follow Button */
--d69: 0, 149, 246 !important;
--b86: 88, 195, 34 !important;
--i30: 237, 73, 86 !important;
--c37: 237, 73, 86 !important;
--f24: 0, 149, 246 !important;
--fa7: 224, 241, 50 !important;
--jbb: 53, 121, 234 !important;
--eac: 237, 73, 86 !important;
--e62: 245, 251, 50 !important;
--b2f: 168, 60, 221 !important;
/* Message interaction DMs */
--jb7: 50, 50, 50 !important;
--jd9: 255, 255, 255 !important;
--cdd: 217, 217, 217 !important;
/* Text and Usernames */
--i1d: 255, 255, 255 !important;
--d20: 190, 190, 190 !important;
--eca: 30, 30, 30 !important;
/* Username and Like count */
--f75: 190, 190, 190 !important;
--j64: 201, 201, 201 !important;
/* Link Color and Time Labels */
--f52: 158, 158, 158 !important;
--ie3: 158, 158, 158 !important;
--ba8: 87, 87, 87 !important;
--c8c: 87, 87, 87 !important;
--e22: 46, 46, 46 !important;
--edc: 46, 46, 46 !important;
/* Borders */
--b38: 100, 100, 100 !important;
--b6a: 100, 100, 100 !important;
--ca6: 100, 100, 100 !important;
/* Spacerbar */
--ce3: 100, 100, 100 !important;
--bb2: 21, 21, 21 !important;
--a97: 7, 7, 7 !important;
/* Main Background */
--b3f: 25, 25, 25 !important;
--d62: 25, 25, 25 !important;
--a72: 25, 25, 25 !important;
--h1d: 25, 25, 25 !important;
--de5: 25, 25, 25 !important;
/* Header Backgrounds */
--d87: 25, 25, 25 !important;
--f23: 25, 25, 25 !important;
}
:root, .__fb-light-mode {
--fds-black: black;
--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: black;
--fds-blue-30: black;
--fds-blue-40: black;
--fds-blue-60: black;
--fds-blue-70: black;
--fds-blue-80: black;
--fds-button-text: black;
--fds-comment-background: black;
--fds-dark-mode-gray-35: black;
--fds-dark-mode-gray-50: black;
--fds-dark-mode-gray-70: black;
--fds-dark-mode-gray-80: black;
--fds-dark-mode-gray-90: black;
--fds-dark-mode-gray-100: black;
--fds-gray-00: black;
--fds-gray-05: black;
--fds-gray-10: black;
--fds-gray-20: black;
--fds-gray-25: black;
--fds-gray-30: black;
--fds-gray-45: black;
--fds-gray-70: black;
--fds-gray-80: black;
--fds-gray-90: black;
--fds-gray-100: black;
--fds-green-55: black;
--fds-highlight: black;
--fds-highlight-cell-background: black;
--fds-primary-icon: white;
--fds-primary-text: white;
--fds-red-55: black;
--fds-soft: cubic-bezier(.08,.52,.52,1);
--fds-spectrum-aluminum-tint-70: black;
--fds-spectrum-blue-gray-tint-70: black;
--fds-spectrum-cherry: black;
--fds-spectrum-cherry-tint-70: black;
--fds-spectrum-grape-tint-70: black;
--fds-spectrum-grape-tint-90: black;
--fds-spectrum-lemon-dark-1: black;
--fds-spectrum-lemon-tint-70: black;
--fds-spectrum-lime: black;
--fds-spectrum-lime-tint-70: black;
--fds-spectrum-orange-tint-70: black;
--fds-spectrum-orange-tint-90: black;
--fds-spectrum-seafoam-tint-70: black;
--fds-spectrum-slate-dark-2: black;
--fds-spectrum-slate-tint-70: black;
--fds-spectrum-teal: black;
--fds-spectrum-teal-dark-1: black;
--fds-spectrum-teal-dark-2: black;
--fds-spectrum-teal-tint-70: black;
--fds-spectrum-teal-tint-90: black;
--fds-spectrum-tomato: black;
--fds-spectrum-tomato-tint-30: black;
--fds-spectrum-tomato-tint-90: black;
--fds-strong: cubic-bezier(.12,.8,.32,1);
--fds-white: black;
--fds-white-alpha-05: rgba(255, 255, 255, 0.05);
--fds-white-alpha-10: rgba(255, 255, 255, 0.1);
--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-yellow-20: black;
--accent: #0095F6;
--always-white: white;
--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);
--always-gray-40: #65676B;
--always-gray-75: #BCC0C4;
--always-gray-95: #F0F2F5;
--attachment-footer-background: rgba(255,255,255,0.1);
--background-deemphasized: rgba(255,255,255,0.1);
--base-blue: #1877F2;
--base-cherry: #F3425F;
--base-grape: #9360F7;
--base-lemon: #F7B928;
--base-lime: #45BD62;
--base-pink: #FF66BF;
--base-seafoam: #54C7EC;
--base-teal: #2ABBA7;
--base-tomato: #FB724B;
--blue-link: rgba(76, 168, 255,1);
--card-background: #242526;
--card-background-flat: #323436;
--comment-background: #3A3B3C;
--comment-footer-background: #4E4F50;
--dataviz-primary-1: rgb(48,200,180);
--disabled-button-background: rgba(255, 255, 255, 0.2);
--disabled-button-text: rgba(255, 255, 255, 0.3);
--disabled-icon: rgba(255, 255, 255, 0.3);
--disabled-text: rgba(255, 255, 255, 0.3);
--divider: #3E4042;
--event-date: #F3425F;
--fb-wordmark: #FFFFFF;
--glimmer-spinner-icon: white;
--hero-banner-background: #E85D07;
--hosted-view-selected-state: rgba(45, 136, 255, 0.1);
--highlight-bg: rgba(24, 119, 242, .31);
--hover-overlay: rgba(255, 255, 255, 0.1);
--media-hover: rgba(68, 73, 80, 0.15);
--media-inner-border: rgba(255, 255, 255, 0.05);
--media-outer-border: #33363A;
--media-pressed: rgba(68, 73, 80, 0.35);
--messenger-card-background: #242526;
--messenger-reply-background: #18191A;
--overlay-alpha-80: rgba(0, 0, 0, 0.65);
--overlay-on-media: rgba(0, 0, 0, 0.6);
--nav-bar-background: #242526;
--nav-bar-background-gradient: linear-gradient(to top, #242526, rgba(36,37,38,.9), rgba(36,37,38,.7), rgba(36,37,38,.4), rgba(36,37,38,0));
--nav-bar-background-gradient-wash: linear-gradient(to top, #18191A, rgba(24,25,26,.9), rgba(24,25,26,.7), rgba(24,25,26,.4), rgba(24,25,26,0));
--negative: ...