baobeld/dotfiles
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

YEAAAAAAAHHH!!!!!!

Browse source
This commit is contained in:
Benjamin Palko 2024-07-13 11:44:01 -04:00
parent be73df6529
commit 85818a4094
1 changed files with 35 additions and 34 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

69
Caprine/custom.css
View file

@ -26,118 +26,119 @@ div.__fb-dark-mode {
--messenger-card-background: var(--list-header-color); --messenger-card-background: var(--list-header-color);
} }
html.dark-mode body { html.__fb-dark-mode-mode body {
color: var(--base-seventy); color: var(--base-seventy);
background: var(--container-color) !important; background: var(--container-color) !important;
} }
/* Fixes appearance of "Verify Account" screen text */ /* Fixes appearance of "Verify Account" screen text */
html.dark-mode ._3-mr ._3-mt, html.__fb-dark-mode-mode ._3-mr ._3-mt,
html.dark-mode ._3-mr ._3-mu { html.__fb-dark-mode-mode ._3-mr ._3-mu {
color: #fff; color: #fff;
} }
html.dark-mode ._3v_o, /* Login screen */ html.__fb-dark-mode-mode ._3v_o, /* Login screen */
html.dark-mode body.UIPage_LoggedOut ._li, /* 2FA screen */ html.__fb-dark-mode-mode body.UIPage_LoggedOut ._li, /* 2FA screen */
html.dark-mode body.UIPage_LoggedOut ._4-u5 /* 2FA screen */ { html.__fb-dark-mode-mode body.UIPage_LoggedOut ._4-u5 /* 2FA screen */ {
background-color: var(--container-dark-color); background-color: var(--container-dark-color);
} }
/* Login title and names */ /* Login title and names */
html.dark-mode ._5hy4, html.__fb-dark-mode-mode ._5hy4,
html.dark-mode ._3403 { html.__fb-dark-mode-mode ._3403 {
color: var(--base-fourty) !important; color: var(--base-fourty) !important;
} }
/* Login inputs */ /* Login inputs */
html.dark-mode ._3v_o ._55r1 { html.__fb-dark-mode-mode ._3v_o ._55r1 {
background: var(--base-five); background: var(--base-five);
color: var(--base-seventy); color: var(--base-seventy);
} }
html.dark-mode ._3v_o ._55r1::-webkit-input-placeholder { html.__fb-dark-mode-mode ._3v_o ._55r1::-webkit-input-placeholder {
color: var(--base-thirty) !important; color: var(--base-thirty) !important;
} }
/* "Keep me signed in" checkbox */ /* "Keep me signed in" checkbox */
html.dark-mode .uiInputLabelInput { html.__fb-dark-mode-mode .uiInputLabelInput {
filter: opacity(70%); filter: opacity(70%);
} }
/* "Keep me signed in" text */ /* "Keep me signed in" text */
html.dark-mode .uiInputLabelLabel { html.__fb-dark-mode-mode .uiInputLabelLabel {
color: var(--base-fourty) !important; color: var(--base-fourty) !important;
} }
/* 2FA screen modal */ /* 2FA screen modal */
html.dark-mode body.UIPage_LoggedOut ._4-u8 { html.__fb-dark-mode-mode body.UIPage_LoggedOut ._4-u8 {
background: var(--container-color); background: var(--container-color);
border-color: var(--base-five) !important; border-color: var(--base-five) !important;
} }
/* 2FA screen modal title */ /* 2FA screen modal title */
html.dark-mode body.UIPage_LoggedOut ._2e9n { html.__fb-dark-mode-mode body.UIPage_LoggedOut ._2e9n {
border-color: var(--base-five); border-color: var(--base-five);
color: #fff; color: #fff;
} }
/* 2FA screen modal separator */ /* 2FA screen modal separator */
html.dark-mode body.UIPage_LoggedOut ._p0k ._5hzs { html.__fb-dark-mode-mode body.UIPage_LoggedOut ._p0k ._5hzs {
border-color: var(--base-five); border-color: var(--base-five);
} }
/* 2FA screen modal separators */ /* 2FA screen modal separators */
html.dark-mode body.UIPage_LoggedOut a { html.__fb-dark-mode-mode body.UIPage_LoggedOut a {
color: var(--blue); color: var(--blue);
} }
/* 2FA screen modal input */ /* 2FA screen modal input */
html.dark-mode body.UIPage_LoggedOut input { html.__fb-dark-mode-mode body.UIPage_LoggedOut input {
background: var(--base-ten); background: var(--base-ten);
border-color: var(--base-ten); border-color: var(--base-ten);
color: var(--base-ninety); color: var(--base-ninety);
} }
/* Cookies notification: background */ /* Cookies notification: background */
html.dark-mode ._9o-w ._9o-c { html.__fb-dark-mode-mode ._9o-w ._9o-c {
background: var(--container-color) !important; background: var(--container-color) !important;
} }
/* Cookies notification: text */ /* Cookies notification: text */
html.dark-mode ._9o-g { html.__fb-dark-mode-mode ._9o-g {
color: var(--base-seventy) !important; color: var(--base-seventy) !important;
} }
/* Cookies notification: collapsible headers */ /* Cookies notification: collapsible headers */
html.dark-mode ._9o-l { html.__fb-dark-mode-mode ._9o-l {
color: var(--base-seventy) !important; color: var(--base-seventy) !important;
} }
/* Cookies notification: subheaders */ /* Cookies notification: subheaders */
html.dark-mode ._9si- { html.__fb-dark-mode-mode ._9si- {
color: var(--base-seventy) !important; color: var(--base-seventy) !important;
} }
/* Cookies notification: hamburger menu */ /* Cookies notification: hamburger menu */
html.dark-mode ._42ft._4jy0._55pi._2agf._4o_4._9o-e._p._4jy3._517h._51sy { html.__fb-dark-mode-mode
._42ft._4jy0._55pi._2agf._4o_4._9o-e._p._4jy3._517h._51sy {
background: var(--container-color) !important; background: var(--container-color) !important;
} }
/* Cookies notification: hamburger menu background */ /* Cookies notification: hamburger menu background */
html.dark-mode ._54ng { html.__fb-dark-mode-mode ._54ng {
background: var(--container-color) !important; background: var(--container-color) !important;
} }
/* Cookies notification: hamburger menu text */ /* Cookies notification: hamburger menu text */
html.dark-mode ._54nh { html.__fb-dark-mode-mode ._54nh {
color: var(--base-seventy) !important; color: var(--base-seventy) !important;
} }
/* Cookies notification: hamburger menu column borders */ /* Cookies notification: hamburger menu column borders */
html.dark-mode ._54nc { html.__fb-dark-mode-mode ._54nc {
border-color: var(--container-color) !important; border-color: var(--container-color) !important;
} }
/* Cookies notification: icons */ /* Cookies notification: icons */
html.dark-mode .img.sp_ng1YXMZLXub { html.__fb-dark-mode-mode .img.sp_ng1YXMZLXub {
filter: invert(0.66); filter: invert(0.66);
} }
/* Cookies notification: rectangular boxes */ /* Cookies notification: rectangular boxes */
html.dark-mode .pam._9o-n.uiBoxGray { html.__fb-dark-mode-mode .pam._9o-n.uiBoxGray {
background-color: var(--base-ten) !important; background-color: var(--base-ten) !important;
} }
html.dark-mode ._9xq0 { html.__fb-dark-mode-mode ._9xq0 {
color: var(--base-seventy) !important; color: var(--base-seventy) !important;
} }
@ -193,34 +194,34 @@ html.dark-mode ._9xq0 {
/* Backgrounds of various buttons ("Join room", "Visit Group", Audio call, etc.) */ /* Backgrounds of various buttons ("Join room", "Visit Group", Audio call, etc.) */
/* TODO: Remove when fixed by fb, since -floating should not be here */ /* TODO: Remove when fixed by fb, since -floating should not be here */
html.dark-mode html.__fb-dark-mode-mode
.x14yjl9h.xudhj91.x18nykt9.xww2gxu.x6s0dn4.x972fbf.xcfux6l.x1qhh985.xm0m39n.x9f619.x3nfvp2.xl56j7k.x1n2onr6.x1qhmfi1.xc9qbxq.x14qfxbe, .x14yjl9h.xudhj91.x18nykt9.xww2gxu.x6s0dn4.x972fbf.xcfux6l.x1qhh985.xm0m39n.x9f619.x3nfvp2.xl56j7k.x1n2onr6.x1qhmfi1.xc9qbxq.x14qfxbe,
html.dark-mode html.__fb-dark-mode-mode
.x1n2onr6.x1ja2u2z.x78zum5.x2lah0s.xl56j7k.x6s0dn4.xozqiw3.x1q0g3np.xi112ho.x17zwfj4.x585lrc.x1403ito.x972fbf.xcfux6l.x1qhh985.xm0m39n.x9f619.xn6708d.x1ye3gou.x1qhmfi1.x1r1pt67 { .x1n2onr6.x1ja2u2z.x78zum5.x2lah0s.xl56j7k.x6s0dn4.xozqiw3.x1q0g3np.xi112ho.x17zwfj4.x585lrc.x1403ito.x972fbf.xcfux6l.x1qhh985.xm0m39n.x9f619.xn6708d.x1ye3gou.x1qhmfi1.x1r1pt67 {
background-color: var(--secondary-button-background-floating) !important; background-color: var(--secondary-button-background-floating) !important;
} }
/* Search results: Close button */ /* Search results: Close button */
/* TODO: Remove when fixed by fb, since --always-white is not good here */ /* TODO: Remove when fixed by fb, since --always-white is not good here */
html.dark-mode .x14hiurz.x1r1pt67 { html.__fb-dark-mode-mode .x14hiurz.x1r1pt67 {
background-color: var(--secondary-button-background) !important; background-color: var(--secondary-button-background) !important;
} }
/* Attachment background color in Chat Box */ /* Attachment background color in Chat Box */
/* TODO: Remove when fixed by fb, since #d6d9dd is too bright here */ /* TODO: Remove when fixed by fb, since #d6d9dd is too bright here */
/* Current Background-Color is same style as add attachment button */ /* Current Background-Color is same style as add attachment button */
html.dark-mode .x1ybostu { html.__fb-dark-mode-mode .x1ybostu {
background-color: rgba(134 142 153 / 25%); background-color: rgba(134 142 153 / 25%);
} }
/* Recipient Pills in new message form */ /* Recipient Pills in new message form */
/* TODO: Remove when fixed by fb, since #f3f3f4 is too bright here */ /* TODO: Remove when fixed by fb, since #f3f3f4 is too bright here */
/* It seems FB uses shades of blue here */ /* It seems FB uses shades of blue here */
html.dark-mode .x4noic3 { html.__fb-dark-mode-mode .x4noic3 {
background-color: var(--secondary-button-background); background-color: var(--secondary-button-background);
} }
/* Create room icon color */ /* Create room icon color */
html.dark-mode .x1p6odiv { html.__fb-dark-mode-mode .x1p6odiv {
color: var(--primary-icon); color: var(--primary-icon);
} }