A new userstyle
bing-ui-compact by ubranch
Details
Authorubranch
LicenseNo License
Categoryhttps://www.bing.com/search
Created
Updated
Size26 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. /* ==UserStyle==
@name bing-ui-compact
@namespace github.com/openstyles/stylus
@version 1.0.0
@description A new userstyle
@author Me
==/UserStyle== */
@-moz-document url-prefix("https://www.bing.com") {
:root {
--cib-color-foreground-accent-primary: #bac2de!important;
--cib-color-foreground-accent-secondary: #bac2df!important;
--cib-color-foreground-accent-tertiary: #c6cfee!important;
--cib-color-foreground-accent-disabled: rgba(167, 224, 235, 0.3);
--cib-color-foreground-on-accent-primary: #FFFFFF;
--cib-color-foreground-on-accent-secondary: #EEF9FC;
--cib-color-foreground-on-accent-tertiary: #EEF9FC;
--cib-color-foreground-on-accent-selected: #FFFFFF;
--cib-color-foreground-on-accent-disabled: rgba(238, 249, 252, 0.3);
--cib-color-foreground-accent-balanced-primary: #A2B7F4;
--cib-color-foreground-accent-creative-primary: #D7A7BB;
--cib-color-foreground-accent-precise-primary: #A7E0EB;
--cib-color-foreground-accent-balanced-secondary: #A2B7F4;
--cib-color-foreground-accent-creative-secondary: #D7A7BB;
--cib-color-foreground-accent-precise-secondary: #A7E0EB;
--cib-color-foreground-neutral-primary: #cdd6f4 !important;
--cib-color-foreground-neutral-secondary: #cdd6f4 !important;
--cib-color-foreground-neutral-tertiary: #919191;
--cib-color-foreground-neutral-disabled: rgba(210, 208, 206, 0.4);
--cib-color-foreground-on-accent-strong-primary: #111111;
--cib-color-foreground-on-accent-strong-secondary: #111111;
--cib-color-foreground-on-accent-strong-disabled: rgba(17, 17, 17, 0.3);
--cib-color-foreground-system-attention-primary: #3AA0F3;
--cib-color-foreground-system-attribution-primary: #9EC3AE;
--cib-color-foreground-system-caution-primary: #FCE100;
--cib-color-foreground-system-critical-primary: #FF99A4;
--cib-color-foreground-system-link-primary: #82C7FF;
--cib-color-foreground-system-neutral-primary: rgba(0, 0, 0, 0.55);
--cib-color-foreground-system-neutral-strong: rgba(0, 0, 0, 0.8);
--cib-color-foreground-system-success-primary: #6CCB5F;
--cib-color-fill-accent-primary: rgb(30, 30, 46)!important;
--cib-color-fill-accent-secondary: rgba(42, 41, 47, 0.4)!important;
--cib-color-fill-accent-tertiary: rgb(30, 30, 46)!important;
--cib-color-fill-accent-disabled: rgba(255, 255, 255, 0.03);
--cib-color-fill-accent-alt-primary: #00151A;
--cib-color-fill-accent-alt-secondary: rgba(255, 255, 255, 0.06);
--cib-color-fill-accent-alt-tertiary: rgba(255, 255, 255, 0.1);
--cib-color-fill-accent-alt-disabled: rgba(0, 21, 26, 0.3);
--cib-color-fill-accent-gradient-primary: linear-gradient(130deg, #313244 20%, #313244 77.5%) !important;
--cib-color-fill-accent-gradient-secondary: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)),
linear-gradient(130deg, #313244 20%, #313244 77.5%);
--cib-color-fill-accent-gradient-tertiary: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
linear-gradient(130deg, #313244 20%, #313244 77.5%);
--cib-color-fill-accent-gradient-quaternary: linear-gradient(90deg, rgb(236, 242, 245) 0%, 1.3089%, rgb(234, 243, 245) 2.6178%, 17.4084%, rgb(232, 241, 242) 32.199%, 36.2565%, rgb(229, 241, 242) 40.3141%, 45.0262%, rgb(227, 240, 242) 49.7382%, 51.8325%, rgb(226, 239, 245) 53.9267%, 57.199%, rgb(224, 239, 245) 60.4712%, 62.9581%, rgb(220, 237, 245) 65.445%, 66.2304%, rgb(220, 237, 245) 67.0157%, 68.0628%, rgb(218, 236, 244) 69.1099%, 75.1309%, rgb(214, 233, 240) 81.1518%, 82.5916%, rgb(211, 231, 240) 84.0314%, 84.4241%, rgb(212, 231, 239) 84.8168%, 86.911%, rgb(210, 230, 239) 89.0052%, 94.5026%, rgb(207, 227, 236) 100%);
--cib-color-fill-accent-strong-primary: #A7E0EB;
--cib-color-fill-accent-strong-secondary: #A7E0EB;
--cib-color-fill-accent-strong-tertiary: #CAEEF6;
--cib-color-fill-accent-strong-disabled: rgba(167, 224, 235, 0.3);
--cib-color-fill-accent-speech-primary: #0CDFDF;
--cib-color-fill-accent-speech-secondary: #27CECE;
--cib-color-fill-accent-speech-tertiary: #68DAEA;
--cib-color-fill-accent-alt-balanced-primary: #050F2E;
--cib-color-fill-accent-alt-creative-primary: #270022;
--cib-color-fill-accent-alt-precise-primary: #00151A;
--cib-color-fill-accent-balanced-primary: rgba(255, 255, 255, 0.1);
--cib-color-fill-accent-creative-primary: rgba(255, 255, 255, 0.1);
--cib-color-fill-accent-precise-primary: rgba(255, 255, 255, 0.1);
--cib-color-fill-accent-balanced-secondary: rgba(255, 255, 255, 0.2);
--cib-color-fill-accent-creative-secondary: rgba(255, 255, 255, 0.2);
--cib-color-fill-accent-precise-secondary: rgba(255, 255, 255, 0.2);
--cib-color-fill-accent-gradient-balanced-quaternary: linear-gradient(90deg, rgb(239, 242, 247) 0%, 7.60286%, rgb(237, 240, 249) 15.2057%, 20.7513%, rgb(235, 239, 248) 26.297%, 27.6386%, rgb(235, 239, 248) 28.9803%, 38.2826%, rgb(231, 237, 249) 47.585%, 48.1216%, rgb(230, 236, 250) 48.6583%, 53.1306%, rgb(228, 236, 249) 57.6029%, 61.5385%, rgb(227, 234, 250) 65.4741%, 68.7835%, rgb(222, 234, 250) 72.093%, 75.7603%, rgb(219, 230, 248) 79.4275%, 82.8265%, rgb(216, 229, 248) 86.2254%, 87.8354%, rgb(213, 228, 249) 89.4454%, 91.8605%, rgb(210, 226, 249) 94.2755%, 95.4383%, rgb(209, 225, 248) 96.6011%, 98.3005%, rgb(208, 224, 247) 100%);
--cib-color-fill-accent-gradient-creative-quaternary: linear-gradient(90deg, rgb(238, 237, 243) 0%, 0.77381%, rgb(239, 238, 244) 1.54762%, 6.72619%, rgb(239, 236, 243) 11.9048%, 12.381%, rgb(240, 237, 244) 12.8571%, 27.9167%, rgb(242, 236, 244) 42.9762%, 51.9048%, rgb(239, 236, 243) 60.8333%, 61.9643%, rgb(238, 235, 246) 63.0952%, 66.7262%, rgb(235, 234, 249) 70.3571%, 73.2738%, rgb(232, 232, 248) 76.1905%, 77.1429%, rgb(230, 231, 248) 78.0952%, 79.9405%, rgb(228, 229, 249) 81.7857%, 84.1667%, rgb(227, 228, 248) 86.5476%, 87.0238%, rgb(226, 227, 248) 87.5%, 89.3452%, rgb(224, 224, 252) 91.1905%, 95.5952%, rgb(220, 223, 252) 100%);
--cib-color-fill-accent-gradient-precise-quaternary: linear-gradient(90deg, rgb(236, 242, 245) 0%, 1.3089%, rgb(234, 243, 245) 2.6178%, 17.4084%, rgb(232, 241, 242) 32.199%, 36.2565%, rgb(229, 241, 242) 40.3141%, 45.0262%, rgb(227, 240, 242) 49.7382%, 51.8325%, rgb(226, 239, 245) 53.9267%, 57.199%, rgb(224, 239, 245) 60.4712%, 62.9581%, rgb(220, 237, 245) 65.445%, 66.2304%, rgb(220, 237, 245) 67.0157%, 68.0628%, rgb(218, 236, 244) 69.1099%, 75.1309%, rgb(214, 233, 240) 81.1518%, 82.5916%, rgb(211, 231, 240) 84.0314%, 84.4241%, rgb(212, 231, 239) 84.8168%, 86.911%, rgb(210, 230, 239) 89.0052%, 94.5026%, rgb(207, 227, 236) 100%);
--cib-color-fill-neutral-primary: #313244!important;
--cib-color-fill-neutral-secondary: #484644;
--cib-color-fill-neutral-tertiary: #605E5C;
--cib-color-fill-neutral-quaternary: #ECECEC;
--cib-color-fill-neutral-disabled: rgba(59, 58, 57, 0.3);
--cib-color-fill-neutral-input-active: transparent;
--cib-color-fill-neutral-transparent: transparent;
--cib-color-fill-neutral-alt-primary: transparent;
--cib-color-fill-neutral-alt-secondary: rgba(0, 0, 0, 0.1);
--cib-color-fill-neutral-alt-tertiary: rgba(255, 255, 255, 0.04);
--cib-color-fill-neutral-alt-quaternary: rgba(255, 255, 255, 0.07);
--cib-color-fill-neutral-alt-disabled: transparent;
--cib-color-fill-neutral-alt-transparent: transparent;
--cib-color-fill-neutral-strong-primary: #FFFFFF;
--cib-color-fill-neutral-strong-secondary: #F5F5F5;
--cib-color-fill-neutral-strong-tertriary: #ECECEC;
--cib-color-fill-neutral-strong-disabled: rgba(255, 255, 255, 0.3);
--cib-color-fill-neutral-solid-primary: rgb(59, 58, 57, 0.5)!important;
--cib-color-fill-subtle-primary: transparent;
--cib-color-fill-subtle-secondary: rgba(255, 255, 255, 0.06);
--cib-color-fill-subtle-tertiary: rgba(255, 255, 255, 0.1);
--cib-color-fill-subtle-quaternary: rgba(255, 255, 255, 0.2);
--cib-color-fill-subtle-disabled: transparent;
--cib-color-fill-subtle-transparent: transparent;
--cib-color-fill-subtle-alt-primary: rgba(0, 0, 0, 0.4);
--cib-color-fill-subtle-alt-secondary: rgba(0, 0, 0, 0.5);
--cib-color-fill-subtle-alt-tertiary: rgba(0, 0, 0, 0.9);
--cib-color-fill-accent-gradient-balanced-primary: linear-gradient(130deg, #2870EA 20%, #1B4AEF 77.5%);
--cib-color-fill-accent-gradient-balanced-secondary: linear-gradient(130deg, #2870EA 20%, #1B4AEF 77.5%),
linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
--cib-color-fill-accent-gradient-balanced-tertiary: linear-gradient(130deg, #2870EA 20%, #1B4AEF 77.5%),
linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
--cib-color-fill-accent-gradient-creative-primary: linear-gradient(130deg, #914887 20%, #8B257E 77.5%);
--cib-color-fill-accent-gradient-creative-secondary: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)),
linear-gradient(130deg, #914887 20%, #8B257E 77.5%);
--cib-color-fill-accent-gradient-creative-tertiary: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
linear-gradient(130deg, #914887 20%, #8B257E 77.5%);
--cib-color-fill-accent-gradient-precise-primary: linear-gradient(130deg, #1e1e2e 20%, #1e1e2e 77.5%) !important;
--cib-color-fill-accent-gradient-precise-secondary: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)),
linear-gradient(130deg, #1e1e2e 20%, #1e1e2e 77.5%) !important;
--cib-color-fill-accent-gradient-precise-tertiary: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
linear-gradi...