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);
}
html.dark-mode body {
html.__fb-dark-mode-mode body {
color: var(--base-seventy);
background: var(--container-color) !important;
}
/* Fixes appearance of "Verify Account" screen text */
html.dark-mode ._3-mr ._3-mt,
html.dark-mode ._3-mr ._3-mu {
html.__fb-dark-mode-mode ._3-mr ._3-mt,
html.__fb-dark-mode-mode ._3-mr ._3-mu {
color: #fff;
}
html.dark-mode ._3v_o, /* Login screen */
html.dark-mode body.UIPage_LoggedOut ._li, /* 2FA screen */
html.dark-mode body.UIPage_LoggedOut ._4-u5 /* 2FA screen */ {
html.__fb-dark-mode-mode ._3v_o, /* Login screen */
html.__fb-dark-mode-mode body.UIPage_LoggedOut ._li, /* 2FA screen */
html.__fb-dark-mode-mode body.UIPage_LoggedOut ._4-u5 /* 2FA screen */ {
background-color: var(--container-dark-color);
}
/* Login title and names */
html.dark-mode ._5hy4,
html.dark-mode ._3403 {
html.__fb-dark-mode-mode ._5hy4,
html.__fb-dark-mode-mode ._3403 {
color: var(--base-fourty) !important;
}
/* Login inputs */
html.dark-mode ._3v_o ._55r1 {
html.__fb-dark-mode-mode ._3v_o ._55r1 {
background: var(--base-five);
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;
}
/* "Keep me signed in" checkbox */
html.dark-mode .uiInputLabelInput {
html.__fb-dark-mode-mode .uiInputLabelInput {
filter: opacity(70%);
}
/* "Keep me signed in" text */
html.dark-mode .uiInputLabelLabel {
html.__fb-dark-mode-mode .uiInputLabelLabel {
color: var(--base-fourty) !important;
}
/* 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);
border-color: var(--base-five) !important;
}
/* 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);
color: #fff;
}
/* 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);
}
/* 2FA screen modal separators */
html.dark-mode body.UIPage_LoggedOut a {
html.__fb-dark-mode-mode body.UIPage_LoggedOut a {
color: var(--blue);
}
/* 2FA screen modal input */
html.dark-mode body.UIPage_LoggedOut input {
html.__fb-dark-mode-mode body.UIPage_LoggedOut input {
background: var(--base-ten);
border-color: var(--base-ten);
color: var(--base-ninety);
}
/* Cookies notification: background */
html.dark-mode ._9o-w ._9o-c {
html.__fb-dark-mode-mode ._9o-w ._9o-c {
background: var(--container-color) !important;
}
/* Cookies notification: text */
html.dark-mode ._9o-g {
html.__fb-dark-mode-mode ._9o-g {
color: var(--base-seventy) !important;
}
/* Cookies notification: collapsible headers */
html.dark-mode ._9o-l {
html.__fb-dark-mode-mode ._9o-l {
color: var(--base-seventy) !important;
}
/* Cookies notification: subheaders */
html.dark-mode ._9si- {
html.__fb-dark-mode-mode ._9si- {
color: var(--base-seventy) !important;
}
/* 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;
}
/* Cookies notification: hamburger menu background */
html.dark-mode ._54ng {
html.__fb-dark-mode-mode ._54ng {
background: var(--container-color) !important;
}
/* Cookies notification: hamburger menu text */
html.dark-mode ._54nh {
html.__fb-dark-mode-mode ._54nh {
color: var(--base-seventy) !important;
}
/* Cookies notification: hamburger menu column borders */
html.dark-mode ._54nc {
html.__fb-dark-mode-mode ._54nc {
border-color: var(--container-color) !important;
}
/* Cookies notification: icons */
html.dark-mode .img.sp_ng1YXMZLXub {
html.__fb-dark-mode-mode .img.sp_ng1YXMZLXub {
filter: invert(0.66);
}
/* 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;
}
html.dark-mode ._9xq0 {
html.__fb-dark-mode-mode ._9xq0 {
color: var(--base-seventy) !important;
}
@ -193,34 +194,34 @@ html.dark-mode ._9xq0 {
/* Backgrounds of various buttons ("Join room", "Visit Group", Audio call, etc.) */
/* 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,
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 {
background-color: var(--secondary-button-background-floating) !important;
}
/* Search results: Close button */
/* 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;
}
/* Attachment background color in Chat Box */
/* TODO: Remove when fixed by fb, since #d6d9dd is too bright here */
/* 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%);
}
/* Recipient Pills in new message form */
/* TODO: Remove when fixed by fb, since #f3f3f4 is too bright 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);
}
/* Create room icon color */
html.dark-mode .x1p6odiv {
html.__fb-dark-mode-mode .x1p6odiv {
color: var(--primary-icon);
}