diff --git a/CHANGELOG.md b/CHANGELOG.md index 88ba9fe..5100f74 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -4,6 +4,15 @@ An electron-base client for Google Hangouts Chat, since Google didn't see fit to ## CHANGELOG +### 5.14.16-1 + +* Good Bye Themes ! + * they never worked in new UI + * they ceased to work in old UI + * new UI has native dark theme support ... + * ... no more theme support ! +* Good bye Old UI support : it was finally completely disabled by Google. + ### 5.14.15-1 * electron 14 diff --git a/README.md b/README.md index 12ff202..4b382da 100644 --- a/README.md +++ b/README.md @@ -25,6 +25,15 @@ Dependency is taken care of in AUR Arch package and Debian package. See full [CHANGELOG](./CHANGELOG.md). +### 5.14.16-1 + +* Good Bye Themes ! (they didn't work anymore anyway) +* Good bye Old UI support : Google removed it + +This **may be the last version**, since ... it doesn't bring anything more than using Ferdi, or the native "installed" app from Chrome. Except systray integration +for people where it works anyway. + + 5.14.15-1 * electron 14 diff --git a/src/configs.js b/src/configs.js index 80cef9f..8186063 100644 --- a/src/configs.js +++ b/src/configs.js @@ -26,7 +26,7 @@ const loadConfigs = () => { return c; } catch (e) { console.error(e); - const defconfig = '{"bounds":{"x":456,"y":229,"width":1105,"height":757},"wasMaximized":false,"isThemed":false}' + const defconfig = '{"bounds":{"x":456,"y":229,"width":1105,"height":757},"wasMaximized":false}' fs.writeFileSync(pathsManifest.configsPath,defconfig, 'utf8'); c = JSON.parse(defconfig, "utf-8"); setConfigDefaults(c); diff --git a/src/custom.css b/src/custom.css deleted file mode 100644 index 92eebf2..0000000 --- a/src/custom.css +++ /dev/null @@ -1,331 +0,0 @@ -/** this content is manually cut/paste inside theme.js - * it's here for readability convenience -**/ -/* left icons */ -.SwwApf, -.SwwApf.qkl0pe { - background-color: transparent; -} - -.d6pS5 { - -moz-box-shadow: none; - box-shadow: none; -} - -.SwwApf { - height: 24px; - width: 24px; -} - -/* discussion pic */ -.biNtD, -.tzwwSb { - -moz-border-radius: 5px; - border-radius: 5px; - background-color: transparent; - height: 24px; - width: 24px;; -} - -/* remove last text */ -.kjWKTd { - display: none; -} - -/* Reduce left and right margins in the chat area */ -.BEjUKc .cFc9ae { - margin-left: 10px; - margin-right: 10px; - width: auto; - max-width: none; -} -.Bl2pUd { - padding-left: 0px; - padding-right: 0px; -} -/* Reduce whitespace around New conversation button */ -.RnpT2b { - margin: 4px 0 4px 0; - min-height: 0px; -} -.IEIJqd { - padding-top: 0; -} -/* Allow messages to display full-width */ -.bzJiD .jGyvbd .QIJiHb, -.bzJiD .jGyvbd .zX644e { - max-width: none; -} -/* Reduce top and bottom padding around date */ -.mCOR5e { - padding: 10px 0 5px 0; -} -/* Reduce right margin in sidebar */ -.n5yyEc { - margin-right: 4px; -} -/* Sidebar color */ -.X9KLPc { - background-color: #17375F; -} -/* Sidebar elements bg color when hovering */ -.PL5Wwe:focus, -.PL5Wwe:hover:not(.tuKyod), -.tuKyod:hover .LoYJxb { - background-color: #3e313c; -} -/* Sidebar elements text color for chans with unread messages */ -.PL5Wwe.H7du2 .t5F5nf { - color: #fff; -} -/* Channel name color in sidebar */ -.t5F5nf { - color: rgb(202, 196, 201); -} -/* Sidebar "recent" or "starred" section names text size and color */ -.aOHsTc { - color: rgb(202, 196, 201); - font-size: 16px; - margin-left: 16px; -} -/* Sidebar Search section text color */ -.HLTcjb { - color: rgb(202, 196, 201); - font-size: .850rem!important; - white-space: nowrap; - text-overflow: ellipsis; -} -.GbZFNe { - min-height: 36px; -} -.d6pS5 { - height: 30px; - min-height: unset; -} -/* Sidebar ugly icon : removed */ -.OcqlLb { - display:none; -} -.DO97we { - width: 28px!important; - height: 28px!important; -} -.D3DXDc { - fill: rgb(202, 196, 201) !important; -} -/* below would remove all side icons including people availability -/*.WmSnJd {display:none;} -*/ -.vif9vc { - background-color: transparent; -} -/* Sidebar search button hovering bg color */ -.GbZFNe:focus, -.GbZFNe:hover { - background-color: #3e313c; -} -/* Search Menu bg color, shape and dimensions */ -.yoV6yd { - background-color: #17375F; - margin-top: -4px; - width: 100%; - border-radius: 0px; - -moz-border-radius: 0px -} -/* Search menu text color */ -.rFrNMe:not(.Xavc3e) .zHQkBf, -.rFrNMe:not(.Xavc3e) .snByac { - color: #fff; -} -.Uk0Bfe .zHQkBf, -.Uk0Bfe .snByac, -.dQ2Tsf .NXfF8b, -.dQ2Tsf .ZTmjQb { - color: #fff; -} -/* UTILS ????? */ -.ndJi5d { - background-color: rgba(215, 215, 215, 0.38); -} -/* Search Menu "frequent" section text color and size */ -.wAR34c { - color: #fff; - font-size: 16px; -} -/* Search menu people list mail color */ -.Kfe2Ub { - color: #fff; -} -/* Quick search first element bg color */ -.dQ2Tsf[aria-selected="true"] { - background: transparent; -} -/* Top left corner section (with title) background color */ -.Riuhhf { - background-color: #17375F; -} -/* Chat top left logo text color */ -#XMLID_8_-Clipped { - opacity: 0.8 !important; - fill: #fff !important; -} -/* Padding height between messages in a thread */ -.nF6pT { - padding-top: 6px; -} -/* Sidebar "recent" or "starred" section title padding height */ -.wJNchb, -.nFzS9e { - margin-top: 10px; -} -/* Draw white line between the sidebar sections and reduce padding */ -.PL5Wwe+.wJNchb, -.teTAFe:not(.fXx9Lc)+.vHL80e .aOHsTc { - border-top: solid 1px #e0e0e0; - padding-top: 6px; -} -/* Sidebar channels elements height */ -.LoYJxb { - height: 18px; -} -/* Vertically align triple dots buttons on - channels in sidebar with the new height */ -.MhXXcc { - line-height: 26px; -} -.gsrV1e { - height: 22px; - width: 22px; -} -.QeRfYe .Lw7GHd { - margin: 2px 6px 0 6px; -} -/* Time and menu buttons and clock for channels inactive and active colors */ -.sFuxxd { - color: rgb(202, 196, 201); -} -.PL5Wwe.H7du2 .sFuxxd { - color: #fff; -} -.DQy0Rb { - fill: rgb(202, 196, 201) !important; -} -.PL5Wwe.H7du2 .DQy0Rb { - fill: #fff !important; -} -.QeRfYe { - fill: rgb(202, 196, 201) !important; -} -.PL5Wwe.H7du2 .QeRfYe { - fill: #fff !important; -} -/* Big emojis size */ -.Zc1Emd.NM3Nfc { - font-size: 24px; -} -/* Inline emojis size */ -img { - border: none; - font-size: 1.3em !important; -} -/* Reduce top margin in thread block */ -.dsoUjb { - padding: 15px 0; -} -/* Reduce size of reply button */ -.dCMjy { - width: 20px; - min-width: 20px; - height: 20px; - min-height: 20px; - margin-right: 36px; -} -/* Reduce space around blue NEW alert */ -.k1lILc { - padding: 5px 0 0; -} -.k1lILc+.ajCeRb { - padding-top: 5px; -} -/* Reduce space between thread blocks */ -.cZICLc { - margin-top: 6px; -} -/* Increase boldness of usenames in conversations */ -.Z4BnXb { - font-weight: 900; -} -/* Make code snippets look like slack's */ -.FMTudf { - font-family: Monaco, Menlo, Consolas, "Courier New", monospace !important; - font-size: .75rem; - border: 1px solid #e0e0e0; - margin: 10px 0; - padding: 3px 10px; - background: #f9f9f9; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; -} -/* Make inline pre look like slack's */ -.U8d2H { - font-family: Monaco, Menlo, Consolas, "Courier New", monospace !important; - background-color: #f7f7f9; - margin: 0px; - padding: 1px 3px; - color: #d72b3f; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; -} -/* Reduce sidebar width */ -.X9KLPc, -.Riuhhf { - width: 280px -} -/* Reduce margin above "Starred" label */ -.aOHsTc { - margin-top: 5px; -} -/* Fix emojis dimensions */ -.iiJ4W { - height: auto; - width: auto; - max-height: 1.2em; - max-width: 1.2em; - /* min-width: auto; deactivation pour afficher les icones UTF8 */ -} -/* Reduce size of New conv button */ -.SfqTBc { - padding: 4px 18px 4px 12px; -} -/* fond de la zone de recherche */ -.U26fgb.O0WRkf.oG5Srb.C0oVfc.GbZFNe { - background: white; -} -/* fond actif */ -.U26fgb.c7fp5b.FS4hgd.RASpke { - background: white; -} -.dHI9xe.qs41qe { - background-color: #6f87bd!important; -} -.dHI9xe.qs41qe .ojqkvd{ - color: #0d2d56!important; -} -/* fond zone saisie */ -.whsOnd.zHQkBf { - background: grey; -} -/* barre en haut */ -.QTQg5e { - background: #CCCCCC; -} -/* + */ -.KFQQxd { - background-color: rgba(95,99,104,0.872); -} -/* menu fold */ -.xWyObb{ - fill: #d0d2fb; -} \ No newline at end of file diff --git a/src/dark.css b/src/dark.css deleted file mode 100644 index d5ec99f..0000000 --- a/src/dark.css +++ /dev/null @@ -1,608 +0,0 @@ -/** this content is manually cut/paste inside darktheme.js - * it's here for readability convenience -**/ -/* Specify color for thread links */ -.threadlink { - color: rgb(202, 196, 201); -} -/* Global Background color */ -.Bl2pUd { - background-color: #212121; -} -/* Global background color in private messages */ -.WQKmIb .Bl2pUd, .WQKmIb .byY7Yb { - background-color: #2d2d2d; -} -/* Global background color in room preview */ -.x7DKme { - background-color: #212121 !important; -} -/* Global background color in search results */ -.pWhTUc { - background-color: #212121 !important; -} - -/* Title in private messages */ -.CmMf8e { - color: rgb(202, 196, 201); -} -/* Title in channels */ -.tCUB4c { - color: rgb(202, 196, 201); -} - -/* Topbar background color */ -.QTQg5e { - background: #212121; - border-bottom: 1px solid #6a6a6a; -} -/* Topbar left button text color */ -.nk7hB, .wWf0Bc, .nk7hB .cAW0Vc { - color: #fff; -} -/* Topbar right buttons color */ -.Nj8aCb.Nj8aCb { - color: #fff; - fill: #fff; -} -/* Notifications active/disabled status button */ -.gWTIDe { - color: rgb(202, 196, 201); -} -/* Thread boxes colors */ -.dsoUjb { - background-color: #2d2d2d; - border: solid 1px #4a4a4a; -} -.oGsu4 { - background-color: #2d2d2d; -} -.nF6pT.FwR7Pc .iKCcE, .hu21Y:hover { - background-color: #3f3f3f; -} -.XbbXmb.zzVqCe .nF6pT, .jGyvbd .jO0Dzb, .dsoUjb .jGyvbd .jO0Dzb { - background-color: #2d2d2d; -} - -/* Thread boxes in pm */ -.WQKmIb .dsoUjb { - background-color: #2d2d2d !important; - border: solid 1px #2d2d2d !important; - -} - -/* Thread boxes in search results */ -.d4FIEb .ajCeRb .QIJiHb { - color: #fff !important; -} -/* Room title between threads in search results */ -.aVIRye { - color: #cc7832 !important; -} -/* Load more messages button in search results */ -.taQuBe { - color: rgb(202, 196, 201); - background-color: #2d2d2d; -} - -/* Topbar members button */ -.sNyyib .x1jjEb { - background-color: #cc7832; - padding: 0px 8px; -} - -/* Topbar in room preview */ -.oPqlY { - background-color: #2d2d2d !important; -} - -/* Edit/react/delete buttons on message */ -.f8lxbf { - fill: rgb(202, 196, 201); -} -.eWw5ab { - background-color: #2d2d2d; - border: solid 1px #5f5f5f; -} -.MbhUzd { - background-color: #cc7832; -} - -/* Active thread box */ -.cZICLc:hover .dsoUjb { - border: solid 1px #aa5010; -} - -/* "Unread" label */ -.Fv5sh { - color: #cc7832; -} -.z9ucM .heceU { - fill: #cc7832; -} - -/* Jump to bottom button */ -.g3VIld .HvOprf, .e3Duub, .w63zXd .NMPajd { - background-color: #cc7832; -} -.g3VIld .HvOprf:hover, .e3Duub:hover, .w63zXd:hover .NMPajd { - background-color: #aa5010; -} - -/* Collapsed messages button */ -.zPVzl { - background: transparent; -} -.Jqvwfe { - background-color: #3d3d3d; - border: solid 1px #6a6a6a; - color: #cc7832; -} - -/* Username color */ -.cmEq8b .Zc1Emd, .cmEq8b .Z4BnXb { - color: rgb(202, 196, 201); -} - -/* Follow button color */ -.zxHSSc { - color: #EEBE67; - background-color: #2d2d2d; - border: solid 1px #3f3f3f; -} -.yg4pvb::before { - background: transparent; -} -.zxHSSc.FuHVqe { - background-color: rgba(150,30,30,0.300); -} - -/* Cancel button when editing a message */ -.HQ8yf .RveJvd.RveJvd, .oG5Srb .RveJvd.RveJvd, .KV0KFc .ojqkvd { - color: #cc7832; -} - -/* Borders in message editing */ -.cVKqyc { - border: solid 1px #6a6a6a; -} - -/* Answer box background color */ -.vmpzOc, .PhFuQe.yXgmRe .dJ9vNe, .dJ9vNe { - background-color: #2d2d2d; -} -/* Cursor and text input color */ -.oAzRtb { - caret-color: #fff; - color: #fff; -} -/* Answer box border when active */ -.PhFuQe.yXgmRe .dJ9vNe { - border: solid 2px #5f5f5f; -} -/* Answer box border when inactive */ -.dJ9vNe { - border: solid 1px #4a4a4a; -} -/* Answer box right buttons */ -.fKz7Od { - color: rgb(202, 196, 201); - fill: rgb(202, 196, 201); -} - -/* New thread button */ -.SfqTBc { - background-color: #2d2d2d; -} -.aVw1Ob { - color: rgb(202, 196, 201); -} -.SfqTBc .jy2fzc { - color: #cc7832; -} - -/* New thread box */ -.XganBc { - background-color: #2d2d2d; - border: 0px #5f5f5f; -} -.p9Cqzd { /* exit cross */ - fill: #fff; -} -.qnCNBb { /* "New thread" label */ - color: #fff; -} -.zFe2Ef:not(.RDPZE) .v6TC2e { /* send button when active */ - fill: #cc7832; -} - -/* Join room box in room preview */ -.BhQsO { - color: #fff !important; -} -.CjSwue { - background-color: #2d2d2d !important; -} -/* Join button */ -.W32wZ { - background-color: #cc7832; -} - -/* Text between threads color */ -.A2BXPe { - color: #fff; -} - -/* Sidebar color and border */ -.X9KLPc { - background-color: #2d2d2d; - border-right: solid 1px #6a6a6a; -} - -/* Sidebar elemtents bg color when hovering */ -.PL5Wwe:focus:not(.dQ2Tsf), -.PL5Wwe:hover:not(.dQ2Tsf), -.tuKyod .LoYJxb { - background-color: #3f3f3f; -} - -/* Sidebar channel icons */ -.SwwApf, .SwwApf.qkl0pe { - background-color: transparent; -} - -/* Sidebar active channel */ -.FS4hgd.iWO5td .ojqkvd, .FS4hgd.iWO5td, .dHI9xe.qs41qe, .dHI9xe.KKjvXb.KKjvXb, .dHI9xe.qs41qe .ojqkvd.ojqkvd, .dHI9xe.KKjvXb.KKjvXb .ojqkvd { - color: #fff; -} -.FS4hgd.iWO5td.iWO5td, div .dHI9xe.KKjvXb, div .dHI9xe.qs41qe { - background-color: #cc7832; -} -.PL5Wwe:focus:not(.dQ2Tsf) { - background-color: #aa5010; -} - -/* Sidebar elements text color for chans with unread messages */ -.PL5Wwe.H7du2 .t5F5nf { - color: #fff; -} - -/* Channel name color in sidebar */ -.t5F5nf { - color: rgb(202, 196, 201); -} - -/* "Unread" jump button in sidebar */ -.OpmeVb .GfYBMd, .FTuhNb .RW5Kg { - fill: #cc7832; - color: #cc7832; -} - -/* Sidebar "recent" or "starred" section names color */ -.aOHsTc { - color: rgb(202, 196, 201); -} - -/* Sidebar Search section text color */ -.HLTcjb { - color: rgb(202, 196, 201); -} -.D3DXDc { - fill: rgb(202, 196, 201) !important; -} - -/* Sidebar search button hovering bg color */ -.GbZFNe:focus, .GbZFNe:hover { - background-color: #3f3f3f; -} - -/* Sidebar search button shadow */ -.d6pS5 { - box-shadow: 0 5px 5px -2px black; - padding-bottom: 0; -} - -/* Search menu text color */ -.Uk0Bfe .zHQkBf, .Uk0Bfe .snByac, .dQ2Tsf .NXfF8b, .dQ2Tsf .ZTmjQb { - color: #000; -} - -.ndJi5d { - color: rgba(0,0,0,0.38); -} - -/* Search menu elements colors when hovering */ -.dQ2Tsf[aria-selected="true"], .PL5Wwe:hover > .dQ2Tsf { - background-color: #eee; - color: #fff -} - -/* Search menu people list mail color */ -.dQ2Tsf[aria-selected="true"] .Kfe2Ub, .PL5Wwe:hover > .dQ2Tsf .Kfe2Ub { - color: #000; -} - -/* Top left corner section (with title) background color and border */ -.Riuhhf { - background-color: #212121; - border-right: solid 1px #6a6a6a; - border-bottom: solid 1px #6a6a6a; - -} - -/* Chat top left logo text color */ -#XMLID_8_-Clipped{ - opacity: 0.8 !important; - fill: #fff !important; -} - -/* Chat top left logo */ -#_x3C_Path_x3E_ { - fill: #cc7832; -} - -/* Top left corner Status button when active */ -.RASpke { - border: 0px; -} -.RASpke:hover, .RASpke:focus, .RASpke:hover:focus, .RASpke:active, .RASpke.iWO5td.iWO5td { - background-color: #cc7832; -} - -/* Time and menu buttons and clock for channels inactive and active colors */ -.sFuxxd { - color: rgb(202, 196, 201); -} -.PL5Wwe.H7du2 .sFuxxd { - color: #fff; -} -.DQy0Rb { - fill: rgb(202, 196, 201) !important; -} -.PL5Wwe.H7du2 .DQy0Rb { - fill: #fff !important; -} -.QeRfYe { - fill: rgb(202, 196, 201) !important; -} -.PL5Wwe.H7du2 .QeRfYe { - fill: #fff !important; -} - -/* Code snippets colors */ -.FMTudf, .Zc1Emd div { - border: 1px solid #6a6a6a!important; - background: #3d3d3d!important; - color: #fff!important; -} - -/* Inline pre colors */ -.U8d2H, .Zc1Emd span:not(.NhKrqd):not(.fWwrkf) { - background-color: #3d3d3d!important; - color: #cc7832!important; - border: 1px solid #6a6a6a!important; -} - -/* Self Mentions */ -.cmEq8b .NhKrqd { - background-color: #cc7832; -} -/* Others' mentions */ -.fWwrkf { - color: #cc7832; -} - -/* People's name before message */ -.cmEq8b .Z4BnXb .njhDLd { - color: rgb(202, 196, 201);; - font-weight: 1000; -} - -/* Link previews */ -.Pj9rof { - background-color: #2d2d2d; - border: 1px solid #6a6a6a; -} -.kmatHb, .hlrRUb { - color: rgb(202, 196, 201); - background: transparent; -} -.SXFjfb { - background-color: #2d2d2d; - border-top: 1px solid #6a6a6a; -} - -/* images */ -.KuG0bc { - border: 1px solid #6a6a6a; -} - -/* Message suggestions */ -.T9VbLe { - background-color: #2d2d2d; - border: 1px solid #6a6a6a; -} -.ubzhQb { - color: #cc7832; -} - -/* Emoji reactions */ -.dIC9Jb .lFwksc, .YJxKBc .JGMh2e{ - background-color: #2d2d2d; - border: 1px solid #6a6a6a; -} -.YK45Id { - color: #ccc; -} -.dIC9Jb.CwpxMe .j3630e { - color: #cc7832; -} - -div .mUbCce:hover, div .mUbCce:focus, div .mUbCce:active, div .mUbCce.qs41qe, div .mUbCce.u3bW4e, .JRtysb:hover .snByac, .JRtysb:focus .snByac, .JRtysb:active .snByac, .JRtysb.qs41qe .snByac, .JRtysb.u3bW4e .snByac { - fill: #cc7832; -} - -/* browse room and search exit button */ -.xTcvqe .fKz7Od, .wbJc4 .fKz7Od { - color: #000 !important; - fill: #000 !important; -} - -/* webhook msg */ -.aPoydb .PiXiEf .ohJDzb .Iia6Bd { - background-color: #aaa; -} - -.hg6pPc { - background-color: #aaa!important; -} - -.SwwApf, -.SwwApf.qkl0pe { - background-color: transparent; -} - -.d6pS5 { - -moz-box-shadow: none; - box-shadow: none; -} - -.SwwApf { - height: 24px; - width: 24px; -} - -/* discussion pic */ -.biNtD, -.tzwwSb { - -moz-border-radius: 5px; - border-radius: 5px; - background-color: transparent; - height: 24px; - width: 24px;; -} - -/* remove last text */ -.kjWKTd { - display: none; -} - -/* Quick search first element bg color */ -.dQ2Tsf[aria-selected="true"] { - background: transparent; -} - -/* Padding height between messages in a thread */ -.nF6pT { - padding-top: 6px; -} -/* Sidebar "recent" or "starred" section title padding height */ -.wJNchb, -.nFzS9e { - margin-top: 10px; -} - - -/* Draw white line between the sidebar sections and reduce padding */ -.PL5Wwe+.wJNchb, -.teTAFe:not(.fXx9Lc)+.vHL80e .aOHsTc { - /* border-top: solid 1px #e0e0e0; */ - padding-top: 6px; -} -/* Sidebar channels elements height */ -.LoYJxb { - height: 18px; -} -/* Vertically align triple dots buttons on - channels in sidebar with the new height */ -.MhXXcc { - line-height: 26px; -} -.gsrV1e { - height: 22px; - width: 22px; -} -.QeRfYe .Lw7GHd { - margin: 2px 6px 0 6px; -} -/* Big emojis size */ -.Zc1Emd.NM3Nfc { - font-size: 24px; -} -/* Inline emojis size */ -img { - border: none; - font-size: 1.3em !important; -} -/* Reduce top margin in thread block */ -.dsoUjb { - padding: 15px 0; -} -/* Reduce size of reply button */ -.dCMjy { - width: 20px; - min-width: 20px; - height: 20px; - min-height: 20px; - margin-right: 36px; -} -/* Reduce space around blue NEW alert */ -.k1lILc { - padding: 5px 0 0; -} -.k1lILc+.ajCeRb { - padding-top: 5px; -} -/* Reduce space between thread blocks */ -.cZICLc { - margin-top: 6px; -} -/* Increase boldness of usenames in conversations */ -.Z4BnXb { - font-weight: 900; -} - -/* Make code snippets look like slack's */ -.FMTudf { - font-family: Monaco, Menlo, Consolas, "Courier New", monospace !important; - font-size: .75rem; - border: 1px solid #e0e0e0; - margin: 10px 0; - padding: 3px 10px; - background: #f9f9f9; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; -} -/* Make inline pre look like slack's */ -.U8d2H { - font-family: Monaco, Menlo, Consolas, "Courier New", monospace !important; - background-color: #f7f7f9; - margin: 0px; - padding: 1px 3px; - color: #d72b3f; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; -} -/* Reduce sidebar width */ -.X9KLPc, -.Riuhhf { - width: 280px -} -/* Reduce margin above "Starred" label */ -.aOHsTc { - margin-top: 5px; -} -/* Fix emojis dimensions */ -.iiJ4W { - height: auto; - width: auto; - max-height: 1.2em; - max-width: 1.2em; - /* min-width: auto; deactivation pour afficher les icones UTF8 */ -} -/* Reduce size of New conv button */ -.SfqTBc { - padding: 4px 18px 4px 12px; -} diff --git a/src/darktheme.js b/src/darktheme.js deleted file mode 100644 index 816b60a..0000000 --- a/src/darktheme.js +++ /dev/null @@ -1,624 +0,0 @@ -javascript: ( - function() { - var css = - `/* Specify color for thread links */ - .threadlink { - color: rgb(202, 196, 201); - } - /* Global Background color */ - .Bl2pUd { - background-color: #212121; - } - /* Global background color in private messages */ - .WQKmIb .Bl2pUd, .WQKmIb .byY7Yb { - background-color: #2d2d2d; - } - /* Global background color in room preview */ - .x7DKme { - background-color: #212121 !important; - } - /* Global background color in search results */ - .pWhTUc { - background-color: #212121 !important; - } - - /* Title in private messages */ - .CmMf8e { - color: rgb(202, 196, 201); - } - /* Title in channels */ - .tCUB4c { - color: rgb(202, 196, 201); - } - - /* Topbar background color */ - .QTQg5e { - background: #212121; - border-bottom: 1px solid #6a6a6a; - } - /* Topbar left button text color */ - .nk7hB, .wWf0Bc, .nk7hB .cAW0Vc { - color: #fff; - } - /* Topbar right buttons color */ - .Nj8aCb.Nj8aCb { - color: #fff; - fill: #fff; - } - /* Notifications active/disabled status button */ - .gWTIDe { - color: rgb(202, 196, 201); - } - /* Thread boxes colors */ - .dsoUjb { - background-color: #2d2d2d; - border: solid 1px #4a4a4a; - } - .oGsu4 { - background-color: #2d2d2d; - } - .nF6pT.FwR7Pc .iKCcE, .hu21Y:hover { - background-color: #3f3f3f; - } - .XbbXmb.zzVqCe .nF6pT, .jGyvbd .jO0Dzb, .dsoUjb .jGyvbd .jO0Dzb { - background-color: #2d2d2d; - } - - /* Thread boxes in pm */ - .WQKmIb .dsoUjb { - background-color: #2d2d2d !important; - border: solid 1px #2d2d2d !important; - - } - - /* Thread boxes in search results */ - .d4FIEb .ajCeRb .QIJiHb { - color: #fff !important; - } - /* Room title between threads in search results */ - .aVIRye { - color: #cc7832 !important; - } - /* Load more messages button in search results */ - .taQuBe { - color: rgb(202, 196, 201); - background-color: #2d2d2d; - } - - /* Topbar members button */ - .sNyyib .x1jjEb { - background-color: #cc7832; - padding: 0px 8px; - } - - /* Topbar in room preview */ - .oPqlY { - background-color: #2d2d2d !important; - } - - /* Edit/react/delete buttons on message */ - .f8lxbf { - fill: rgb(202, 196, 201); - } - .eWw5ab { - background-color: #2d2d2d; - border: solid 1px #5f5f5f; - } - .MbhUzd { - background-color: #cc7832; - } - - /* Active thread box */ - .cZICLc:hover .dsoUjb { - border: solid 1px #aa5010; - } - - /* "Unread" label */ - .Fv5sh { - color: #cc7832; - } - .z9ucM .heceU { - fill: #cc7832; - } - - /* Jump to bottom button */ - .g3VIld .HvOprf, .e3Duub, .w63zXd .NMPajd { - background-color: #cc7832; - } - .g3VIld .HvOprf:hover, .e3Duub:hover, .w63zXd:hover .NMPajd { - background-color: #aa5010; - } - - /* Collapsed messages button */ - .zPVzl { - background: transparent; - } - .Jqvwfe { - background-color: #3d3d3d; - border: solid 1px #6a6a6a; - color: #cc7832; - } - - /* Username color */ - .cmEq8b .Zc1Emd, .cmEq8b .Z4BnXb { - color: rgb(202, 196, 201); - } - - /* Follow button color */ - .zxHSSc { - color: #EEBE67; - background-color: #2d2d2d; - border: solid 1px #3f3f3f; - } - .yg4pvb::before { - background: transparent; - } - .zxHSSc.FuHVqe { - background-color: rgba(150,30,30,0.300); - } - - /* Cancel button when editing a message */ - .HQ8yf .RveJvd.RveJvd, .oG5Srb .RveJvd.RveJvd, .KV0KFc .ojqkvd { - color: #cc7832; - } - - /* Borders in message editing */ - .cVKqyc { - border: solid 1px #6a6a6a; - } - - /* Answer box background color */ - .vmpzOc, .PhFuQe.yXgmRe .dJ9vNe, .dJ9vNe { - background-color: #2d2d2d; - } - /* Cursor and text input color */ - .oAzRtb { - caret-color: #fff; - color: #fff; - } - /* Answer box border when active */ - .PhFuQe.yXgmRe .dJ9vNe { - border: solid 2px #5f5f5f; - } - /* Answer box border when inactive */ - .dJ9vNe { - border: solid 1px #4a4a4a; - } - /* Answer box right buttons */ - .fKz7Od { - color: rgb(202, 196, 201); - fill: rgb(202, 196, 201); - } - - /* New thread button */ - .SfqTBc { - background-color: #2d2d2d; - } - .aVw1Ob { - color: rgb(202, 196, 201); - } - .SfqTBc .jy2fzc { - color: #cc7832; - } - - /* New thread box */ - .XganBc { - background-color: #2d2d2d; - border: solid 0px #5f5f5f; - } - .p9Cqzd { /* exit cross */ - fill: #fff; - } - .qnCNBb { /* "New thread" label */ - color: #fff; - } - .zFe2Ef:not(.RDPZE) .v6TC2e { /* send button when active */ - fill: #cc7832; - } - - /* Join room box in room preview */ - .BhQsO { - color: #fff !important; - } - .CjSwue { - background-color: #2d2d2d !important; - } - /* Join button */ - .W32wZ { - background-color: #cc7832; - } - - /* Text between threads color */ - .A2BXPe { - color: #fff; - } - - /* Sidebar color and border */ - .X9KLPc { - background-color: #2d2d2d; - border-right: solid 1px #6a6a6a; - } - - /* Sidebar elemtents bg color when hovering */ - .PL5Wwe:focus:not(.dQ2Tsf), - .PL5Wwe:hover:not(.dQ2Tsf), - .tuKyod .LoYJxb { - background-color: #3f3f3f; - } - - /* Sidebar channel icons */ - .SwwApf, .SwwApf.qkl0pe { - background-color: transparent; - } - - /* Sidebar active channel */ - .FS4hgd.iWO5td .ojqkvd, .FS4hgd.iWO5td, .dHI9xe.qs41qe, .dHI9xe.KKjvXb.KKjvXb, .dHI9xe.qs41qe .ojqkvd.ojqkvd, .dHI9xe.KKjvXb.KKjvXb .ojqkvd { - color: #fff; - } - .FS4hgd.iWO5td.iWO5td, div .dHI9xe.KKjvXb, div .dHI9xe.qs41qe { - background-color: #cc7832; - } - .PL5Wwe:focus:not(.dQ2Tsf) { - background-color: #aa5010; - } - - /* Sidebar elements text color for chans with unread messages */ - .PL5Wwe.H7du2 .t5F5nf { - color: #fff; - } - - /* Channel name color in sidebar */ - .t5F5nf { - color: rgb(202, 196, 201); - } - - /* "Unread" jump button in sidebar */ - .OpmeVb .GfYBMd, .FTuhNb .RW5Kg { - fill: #cc7832; - color: #cc7832; - } - - /* Sidebar "recent" or "starred" section names color */ - .aOHsTc { - color: rgb(202, 196, 201); - } - - /* Sidebar Search section text color */ - .HLTcjb { - color: rgb(202, 196, 201); - } - .D3DXDc { - fill: rgb(202, 196, 201) !important; - } - - /* Sidebar search button hovering bg color */ - .GbZFNe:focus, .GbZFNe:hover { - background-color: #3f3f3f; - } - - /* Sidebar search button shadow */ - .d6pS5 { - box-shadow: 0 5px 5px -2px black; - padding-bottom: 0; - } - - /* Search menu text color */ - .Uk0Bfe .zHQkBf, .Uk0Bfe .snByac, .dQ2Tsf .NXfF8b, .dQ2Tsf .ZTmjQb { - color: #000; - } - - .ndJi5d { - color: rgba(0,0,0,0.38); - } - - /* Search menu elements colors when hovering */ - .dQ2Tsf[aria-selected="true"], .PL5Wwe:hover > .dQ2Tsf { - background-color: #eee; - color: #fff - } - - /* Search menu people list mail color */ - .dQ2Tsf[aria-selected="true"] .Kfe2Ub, .PL5Wwe:hover > .dQ2Tsf .Kfe2Ub { - color: #000; - } - - /* Top left corner section (with title) background color and border */ - .Riuhhf { - background-color: #212121; - border-right: solid 1px #6a6a6a; - border-bottom: solid 1px #6a6a6a; - - } - - /* Chat top left logo text color */ - #XMLID_8_-Clipped{ - opacity: 0.8 !important; - fill: #fff !important; - } - - /* Chat top left logo */ - #_x3C_Path_x3E_ { - fill: #cc7832; - } - - /* Top left corner Status button when active */ - .RASpke { - border: 0px; - } - .RASpke:hover, .RASpke:focus, .RASpke:hover:focus, .RASpke:active, .RASpke.iWO5td.iWO5td { - background-color: #cc7832; - } - - /* Time and menu buttons and clock for channels inactive and active colors */ - .sFuxxd { - color: rgb(202, 196, 201); - } - .PL5Wwe.H7du2 .sFuxxd { - color: #fff; - } - .DQy0Rb { - fill: rgb(202, 196, 201) !important; - } - .PL5Wwe.H7du2 .DQy0Rb { - fill: #fff !important; - } - .QeRfYe { - fill: rgb(202, 196, 201) !important; - } - .PL5Wwe.H7du2 .QeRfYe { - fill: #fff !important; - } - - /* Code snippets colors */ - .FMTudf, .Zc1Emd div { - border: 1px solid #6a6a6a!important; - background: #3d3d3d!important; - color: #fff!important; - } - - /* Inline pre colors */ - .U8d2H, .Zc1Emd span:not(.NhKrqd):not(.fWwrkf) { - background-color: #3d3d3d!important; - color: #cc7832!important; - border: 1px solid #6a6a6a!important; - } - - /* Self Mentions */ - .cmEq8b .NhKrqd { - background-color: #cc7832; - } - /* Others' mentions */ - .fWwrkf { - color: #cc7832; - } - - /* People's name before message */ - .cmEq8b .Z4BnXb .njhDLd { - color: rgb(202, 196, 201);; - font-weight: 1000; - } - - /* Link previews */ - .Pj9rof { - background-color: #2d2d2d; - border: 1px solid #6a6a6a; - } - .kmatHb, .hlrRUb { - color: rgb(202, 196, 201); - background: transparent; - } - .SXFjfb { - background-color: #2d2d2d; - border-top: 1px solid #6a6a6a; - } - - /* images */ - .KuG0bc { - border: 1px solid #6a6a6a; - } - - /* Message suggestions */ - .T9VbLe { - background-color: #2d2d2d; - border: 1px solid #6a6a6a; - } - .ubzhQb { - color: #cc7832; - } - - /* Emoji reactions */ - .dIC9Jb .lFwksc, .YJxKBc .JGMh2e { - background-color: #2d2d2d; - border: 1px solid #6a6a6a; - } - .YK45Id { - color: #ccc; - } - .dIC9Jb.CwpxMe .j3630e { - color: #cc7832; - } - - div .mUbCce:hover, div .mUbCce:focus, div .mUbCce:active, div .mUbCce.qs41qe, div .mUbCce.u3bW4e, .JRtysb:hover .snByac, .JRtysb:focus .snByac, .JRtysb:active .snByac, .JRtysb.qs41qe .snByac, .JRtysb.u3bW4e .snByac { - fill: #cc7832; - } - - /* browse room and search exit button */ - .xTcvqe .fKz7Od, .wbJc4 .fKz7Od { - color: #000 !important; - fill: #000 !important; - } - - /* webhook msg */ - .aPoydb .PiXiEf .ohJDzb .Iia6Bd { - background-color: #aaa; - } - - .hg6pPc { - background-color: #aaa!important; - } - - .SwwApf, - .SwwApf.qkl0pe { - background-color: transparent; - } - - .d6pS5 { - -moz-box-shadow: none; - box-shadow: none; - } - - .SwwApf { - height: 24px; - width: 24px; - } - - /* discussion pic */ - .biNtD, - .tzwwSb { - -moz-border-radius: 5px; - border-radius: 5px; - background-color: transparent; - height: 24px; - width: 24px;; - } - - /* remove last text */ - .kjWKTd { - display: none; - } - - /* Quick search first element bg color */ - .dQ2Tsf[aria-selected="true"] { - background: transparent; - } - - /* Padding height between messages in a thread */ - .nF6pT { - padding-top: 6px; - } - /* Sidebar "recent" or "starred" section title padding height */ - .wJNchb, - .nFzS9e { - margin-top: 10px; - } - - - /* Draw white line between the sidebar sections and reduce padding */ - .PL5Wwe+.wJNchb, - .teTAFe:not(.fXx9Lc)+.vHL80e .aOHsTc { - /* border-top: solid 1px #e0e0e0; */ - padding-top: 6px; - } - /* Sidebar channels elements height */ - .LoYJxb { - height: 18px; - } - /* Vertically align triple dots buttons on - channels in sidebar with the new height */ - .MhXXcc { - line-height: 26px; - } - .gsrV1e { - height: 22px; - width: 22px; - } - .QeRfYe .Lw7GHd { - margin: 2px 6px 0 6px; - } - /* Big emojis size */ - .Zc1Emd.NM3Nfc { - font-size: 24px; - } - /* Inline emojis size */ - img { - border: none; - font-size: 1.3em !important; - } - /* Reduce top margin in thread block */ - .dsoUjb { - padding: 15px 0; - } - /* Reduce size of reply button */ - .dCMjy { - width: 20px; - min-width: 20px; - height: 20px; - min-height: 20px; - margin-right: 36px; - } - /* Reduce space around blue NEW alert */ - .k1lILc { - padding: 5px 0 0; - } - .k1lILc+.ajCeRb { - padding-top: 5px; - } - /* Reduce space between thread blocks */ - .cZICLc { - margin-top: 6px; - } - /* Increase boldness of usenames in conversations */ - .Z4BnXb { - font-weight: 900; - } - - /* Make code snippets look like slack's */ - .FMTudf { - font-family: Monaco, Menlo, Consolas, "Courier New", monospace !important; - font-size: .75rem; - border: 1px solid #e0e0e0; - margin: 10px 0; - padding: 3px 10px; - background: #f9f9f9; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - } - /* Make inline pre look like slack's */ - .U8d2H { - font-family: Monaco, Menlo, Consolas, "Courier New", monospace !important; - background-color: #f7f7f9; - margin: 0px; - padding: 1px 3px; - color: #d72b3f; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - } - /* Reduce sidebar width */ - .X9KLPc, - .Riuhhf { - width: 280px - } - /* Reduce margin above "Starred" label */ - .aOHsTc { - margin-top: 5px; - } - /* Fix emojis dimensions */ - .iiJ4W { - height: auto; - width: auto; - max-height: 1.2em; - max-width: 1.2em; - /* min-width: auto; deactivation pour afficher les icones UTF8 */ - } - /* Reduce size of New conv button */ - .SfqTBc { - padding: 4px 18px 4px 12px; - } - - `, - - head = document.getElementsByTagName('head')[0], - style = document.createElement('style'), - account = document.getElementById('gbpbt'); - if ( account && account.innerText && account.innerText.includes("boxtal.com")){ - document.getElementsByClassName('SZ9zpc')[0].innerHTML = '' - } - - style.type = 'text/css'; - style.appendChild(document.createTextNode(css)); - head.appendChild(style); - - }() -); \ No newline at end of file diff --git a/src/paths.js b/src/paths.js index 94684bd..33c2236 100644 --- a/src/paths.js +++ b/src/paths.js @@ -3,13 +3,7 @@ const {app} = require("electron"); module.exports = { "configsPath" : path.join(app.getPath("appData"), "google-hangouts-chat-linux.json"), - "theme": path.join(__dirname, "./theme.js"), - "darktheme": path.join(__dirname, "./darktheme.js"), "iconPath" : path.join(__dirname, "../assets/icon/icon.png"), - "ICON_NO_NEW_MSG" : path.join(__dirname, "../assets/icon/chat-favicon-no-new-256dp.png"), - "ICON_NEW_NON_NOTIF_MSG" : path.join(__dirname, "../assets/icon/chat-favicon-new-non-notif-256dp.png"), - "ICON_NEW_NOTIF_MSG" : path.join(__dirname, "../assets/icon/chat-favicon-new-notif-256dp.png"), - "ICON_OFFLINE_MSG" : path.join(__dirname, "../assets/icon/chat-favicon-offline-256dp.png"), "NORMAL" : path.join(__dirname, "../assets/icon/normal-64.png"), "BADGE" : path.join(__dirname, "../assets/icon/badge-64.png"), "OFFLINE" : path.join(__dirname, "../assets/icon/offline-64.png") diff --git a/src/theme.js b/src/theme.js deleted file mode 100644 index 2867b7f..0000000 --- a/src/theme.js +++ /dev/null @@ -1,351 +0,0 @@ -javascript: ( - function() { - var css = - `body { - -webkit-filter: invert(0%); - -moz-filter: invert(0%); - -o-filter: invert(0%); - -ms-filter: invert(0%); - } - - /* left icons */ - .SwwApf, - .SwwApf.qkl0pe { - background-color: transparent; - } - - .d6pS5 { - -moz-box-shadow: none; - box-shadow: none; - } - - .SwwApf { - height: 24px; - width: 24px; - } - - /* discussion pic */ - .biNtD, - .tzwwSb { - -moz-border-radius: 5px; - border-radius: 5px; - background-color: transparent; - height: 24px; - width: 24px;; - } - - /* remove last text */ - .kjWKTd { - display: none; - } - - /* Reduce left and right margins in the chat area */ - .BEjUKc .cFc9ae { - margin-left: 10px; - margin-right: 10px; - width: auto; - max-width: none; - } - .Bl2pUd { - padding-left: 0px; - padding-right: 0px; - } - /* Reduce whitespace around New conversation button */ - .RnpT2b { - margin: 4px 0 4px 0; - min-height: 0px; - } - .IEIJqd { - padding-top: 0; - } - /* Allow messages to display full-width */ - .bzJiD .jGyvbd .QIJiHb, - .bzJiD .jGyvbd .zX644e { - max-width: none; - } - /* Reduce top and bottom padding around date */ - .mCOR5e { - padding: 10px 0 5px 0; - } - /* Reduce right margin in sidebar */ - .n5yyEc { - margin-right: 4px; - } - /* Sidebar color */ - .X9KLPc { - background-color: #17375F; - } - /* Sidebar elements bg color when hovering */ - .PL5Wwe:focus, - .PL5Wwe:hover:not(.tuKyod), - .tuKyod:hover .LoYJxb { - background-color: #3e313c; - } - /* Sidebar elements text color for chans with unread messages */ - .PL5Wwe.H7du2 .t5F5nf { - color: #fff; - } - /* Channel name color in sidebar */ - .t5F5nf { - color: rgb(202, 196, 201); - } - /* Sidebar "recent" or "starred" section names text size and color */ - .aOHsTc { - color: rgb(202, 196, 201); - font-size: 16px; - margin-left: 16px; - } - .OcqlLb.vif9vc { - background-color: transparent; - } - /* Sidebar Search section text color */ - .HLTcjb { - color: rgb(202, 196, 201); - font-size: .850rem!important; - white-space: nowrap; - text-overflow: ellipsis; - } - .GbZFNe { - min-height: 36px; - } - .d6pS5 { - height: 30px; - min-height: unset; - } - /* Sidebar ugly icon : removed */ - .OcqlLb { - display:none; - } - .DO97we { - width: 28px!important; - height: 28px!important; - } - .D3DXDc { - fill: rgb(202, 196, 201) !important; - } - - /* Sidebar search button hovering bg color */ - .GbZFNe:focus, - .GbZFNe:hover { - background-color: #3e313c; - } - /* Search Menu bg color, shape and dimensions */ - .yoV6yd { - background-color: #17375F; - margin-top: -4px; - width: 100%; - border-radius: 0px; - -moz-border-radius: 0px - } - /* Search menu text color */ - .rFrNMe:not(.Xavc3e) .zHQkBf, - .rFrNMe:not(.Xavc3e) .snByac { - color: #fff; - } - .Uk0Bfe .zHQkBf, - .Uk0Bfe .snByac, - .dQ2Tsf .NXfF8b, - .dQ2Tsf .ZTmjQb { - color: #fff; - } - /* UTILS ????? */ - .ndJi5d { - background-color: rgba(215, 215, 215, 0.38); - } - /* Search Menu "frequent" section text color and size */ - .wAR34c { - color: #fff; - font-size: 16px; - } - /* Search menu people list mail color */ - .Kfe2Ub { - color: #fff; - } - /* Quick search first element bg color */ - .dQ2Tsf[aria-selected="true"] { - background: transparent; - } - /* Top left corner section (with title) background color */ - .Riuhhf { - background-color: #17375F; - } - /* Chat top left logo text color */ - #XMLID_8_-Clipped { - opacity: 0.8 !important; - fill: #fff !important; - } - /* Padding height between messages in a thread */ - .nF6pT { - padding-top: 6px; - } - /* Sidebar "recent" or "starred" section title padding height */ - .wJNchb, - .nFzS9e { - margin-top: 10px; - } - /* Draw white line between the sidebar sections and reduce padding */ - .PL5Wwe+.wJNchb, - .teTAFe:not(.fXx9Lc)+.vHL80e .aOHsTc { - border-top: solid 1px #e0e0e0; - padding-top: 6px; - } - /* Sidebar channels elements height */ - .LoYJxb { - height: 26px; - } - /* Vertically align triple dots buttons on - channels in sidebar with the new height */ - .MhXXcc { - line-height: 26px; - } - .gsrV1e { - height: 22px; - width: 22px; - } - .QeRfYe .Lw7GHd { - margin: 2px 6px 0 6px; - } - /* Time and menu buttons and clock for channels inactive and active colors */ - .sFuxxd { - color: rgb(202, 196, 201); - } - .PL5Wwe.H7du2 .sFuxxd { - color: #fff; - } - .DQy0Rb { - fill: rgb(202, 196, 201) !important; - } - .PL5Wwe.H7du2 .DQy0Rb { - fill: #fff !important; - } - .QeRfYe { - fill: rgb(202, 196, 201) !important; - } - .PL5Wwe.H7du2 .QeRfYe { - fill: #fff !important; - } - /* Big emojis size */ - .Zc1Emd.NM3Nfc { - font-size: 24px; - } - /* Inline emojis size */ - img { - border: none; - font-size: 1.3em !important; - } - /* Reduce top margin in thread block */ - .dsoUjb { - padding: 15px 0; - } - /* Reduce size of reply button */ - .dCMjy { - width: 20px; - min-width: 20px; - height: 20px; - min-height: 20px; - margin-right: 36px; - } - /* Reduce space around blue NEW alert */ - .k1lILc { - padding: 5px 0 0; - } - .k1lILc+.ajCeRb { - padding-top: 5px; - } - /* Reduce space between thread blocks */ - .cZICLc { - margin-top: 6px; - } - /* Increase boldness of usenames in conversations */ - .Z4BnXb { - font-weight: 900; - } - /* Make code snippets look like slack's */ - .FMTudf { - font-family: Monaco, Menlo, Consolas, "Courier New", monospace !important; - font-size: .75rem; - border: 1px solid #e0e0e0; - margin: 10px 0; - padding: 3px 10px; - background: #f9f9f9; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - } - /* Make inline pre look like slack's */ - .U8d2H { - font-family: Monaco, Menlo, Consolas, "Courier New", monospace !important; - background-color: #f7f7f9; - margin: 0px; - padding: 1px 3px; - color: #d72b3f; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - } - /* Reduce sidebar width */ - .X9KLPc, - .Riuhhf { - width: 280px - } - /* Reduce margin above "Starred" label */ - .aOHsTc { - margin-top: 5px; - } - /* Fix emojis dimensions */ - .iiJ4W { - height: auto; - width: auto; - max-height: 1.2em; - max-width: 1.2em; - /* min-width: auto; deactivation pour afficher les icones UTF8 */ - } - /* Reduce size of New conv button */ - .SfqTBc { - padding: 4px 18px 4px 12px; - } - /* fond de la zone de recherche */ - .U26fgb.O0WRkf.oG5Srb.C0oVfc.GbZFNe { - background: white; - } - /* fond actif */ - .U26fgb.c7fp5b.FS4hgd.RASpke { - background: white; - } - .dHI9xe.qs41qe { - background-color: #6f87bd!important; - } - .dHI9xe.qs41qe .ojqkvd{ - color: #0d2d56!important; - } - /* fond zone saisie */ - .whsOnd.zHQkBf { - background: grey; - } - /* barre en haut */ - .QTQg5e { - background: #CCCCCC; - } - /* + */ - .KFQQxd { - background-color: rgba(95,99,104,0.872); - } - /* menu fold */ - .xWyObb{ - fill: #d0d2fb; - } - `, - - head = document.getElementsByTagName('head')[0], - style = document.createElement('style'), - account = document.getElementById('gbpbt'); - if ( account && account.innerText && account.innerText.includes("boxtal.com")){ - document.getElementsByClassName('SZ9zpc')[0].innerHTML = '' - } - - style.type = 'text/css'; - style.appendChild(document.createTextNode(css)); - head.appendChild(style); - - }() -); \ No newline at end of file diff --git a/src/tray.js b/src/tray.js index 10735ce..cf63c33 100644 --- a/src/tray.js +++ b/src/tray.js @@ -22,21 +22,9 @@ const buildContextMenu = (mainWindow) => { label: 'Force reload', click: function () { WindowManager.onForceReloadClicked(); } - }, { - "label": WindowManager.getIsThemed() ? "Remove theme (restart)" : "Apply theme", - "click": () => { - WindowManager.onToggleThemeClicked(mainWindow); - buildContextMenu(); - } }, { type: 'separator' }, { - "label": WindowManager.getUseOldUrl() ? "Use current ugly UI (restart)" : "Use previous chat UI (restart)", - "click": () => { - WindowManager.onToggleUseOldUrl(); - buildContextMenu(); - } - }, { type: 'separator' }, { "label": WindowManager.getThirdPartyAuthLoginMode() ? "Regular mode after auth (restart)" : "Use third party auth mode (restart)", @@ -70,11 +58,7 @@ const initializeTray = (windowObj, config) => { // pb : favicon object changes so the observer .... cannot observe ! or even be initialized // -> moved things to ipcRenderer preload mechanism in faviconChange.js - thank you ankurk91 :-) // see https://github.com/ankurk91/google-chat-electron.git - if (config && config.useOldUrl){ - systemTrayIcon = new Tray(pathsManifest.ICON_OFFLINE_MSG); - }else{ - systemTrayIcon = new Tray(pathsManifest.OFFLINE); - } + systemTrayIcon = new Tray(pathsManifest.OFFLINE); mainWindow = windowObj; return buildContextMenu(windowObj); @@ -82,20 +66,7 @@ const initializeTray = (windowObj, config) => { ipcMain.on('favicon-changed', (evt, href) => { var itype = ""; - let oldStyle = false; - if (href.match(/chat-favicon-no-new/)) { - itype = "NORMAL"; - oldStyle = true; - }else if (href.match(/chat-favicon-new-non-notif/)) { - itype = "UNREAD"; - oldStyle = true; - }else if (href.match(/chat-favicon-new-notif/)) { - itype = "ATTENTION"; - oldStyle = true; - }else if (href.match(/^data:image\/png;base64,iVBOR.+/)) { - itype = "OFFLINE"; - oldStyle = true; - }else if (href.match(/favicon_chat_r2/) || +if (href.match(/favicon_chat_r2/) || href.match(/favicon_chat_new_non_notif_r2/)) { itype = "NORMAL"; }else if (href.match(/favicon_chat_new_notif_r2/)) { @@ -103,33 +74,21 @@ ipcMain.on('favicon-changed', (evt, href) => { }else { itype = "OFFLINE"; } - setIcon(itype, oldStyle); + setIcon(itype); }); -function iconForType(iconType, oldStyle) { - if (oldStyle){ - if (iconType == "NORMAL") { - return pathsManifest.ICON_NO_NEW_MSG; - }else if (iconType == "UNREAD") { - return pathsManifest.ICON_NEW_NON_NOTIF_MSG; - }else if (iconType == "ATTENTION") { - return pathsManifest.ICON_NEW_NOTIF_MSG; - } else { - return pathsManifest.ICON_OFFLINE_MSG; - } +function iconForType(iconType) { + if (iconType == "NORMAL") { + return pathsManifest.NORMAL; + }else if (iconType == "ATTENTION") { + return pathsManifest.BADGE; }else{ - if (iconType == "NORMAL") { - return pathsManifest.NORMAL; - }else if (iconType == "ATTENTION") { - return pathsManifest.BADGE; - }else{ - return pathsManifest.OFFLINE; - } + return pathsManifest.OFFLINE; } } -const setIcon = (iconType, oldStyle) => { - const i = iconForType(iconType, oldStyle) +const setIcon = (iconType) => { + const i = iconForType(iconType) try { systemTrayIcon.setImage(i); }catch (e){ diff --git a/src/window.js b/src/window.js index 2d8090f..533302f 100644 --- a/src/window.js +++ b/src/window.js @@ -9,18 +9,17 @@ let mainWindow; let isQuitting = false; let keepMinimized = true; let startHidden = true; -let isThemed = false; -let isDarkTheme = true; let enableKeyboardShortcuts = false; let enableNodeIntegration = true; let openUrlInside = false; let useXdgOpen = false; let thirdPartyAuthLoginMode = false; -let useOldUrl = false; const urlNotRedirected = ["accounts/SetOSID?authuser=0&continue=https%3A%2F%2Fchat.google.com" - ,"accounts.google.com", - "https://chat.google.com/" + ,"accounts.google.com" + ,"accounts.youtube.com" + ,"mail.google.com/ServiceLogin" + ,"https://chat.google.com/" ] ipcMain.on('open-link', (evt, href) => { @@ -30,19 +29,6 @@ ipcMain.on('open-link', (evt, href) => { const setIsQuitting = (b) => { isQuitting = b; }; -const getIsThemed = () => { - return isThemed -}; -const setIsThemed = (b) => { - isThemed = b; -}; - -const getIsDarkTheme = () => { - return isDarkTheme -}; -const setIsDarkTheme = (b) => { - isDarkTheme = b; -}; const getOpenUrlInside = () => { return openUrlInside; @@ -60,14 +46,6 @@ const setUseXdgOpen = (b) => { useXdgOpen = b; }; -const getUseOldUrl = () => { - return useOldUrl; -}; - -const setUseOldUrl = (b) => { - useOldUrl = b; -}; - const getEnableKeyboardShortcuts = () => { return enableKeyboardShortcuts; }; @@ -106,27 +84,11 @@ const onStartHiddenClicked = () => { onQuitEntryClicked(); } -const onUseDarkThemeClicked = () => { - setIsDarkTheme(! getIsDarkTheme()); - if (getIsThemed()){ - app.relaunch(); - } -} - const onQuitEntryClicked = () => { setIsQuitting(true); app.quit(); } -const onToggleThemeClicked = (window) => { - setIsThemed(!getIsThemed()); - applyTheme(window) - if (!getIsThemed() ){ - app.relaunch() - onQuitEntryClicked(); - } -} - const onToggleThirdPartyAuthLoginMode = () => { setThirdPartyAuthLoginMode(!getThirdPartyAuthLoginMode()); if (getThirdPartyAuthLoginMode()){ @@ -153,14 +115,6 @@ const onToggleUseXdgOpen = () => { buildMenu(); } -const onToggleUseOldUrl = () => { - console.log("before toggle "+getUseOldUrl()) - setUseOldUrl(!getUseOldUrl()); - console.log("after toggle "+getUseOldUrl()) - app.relaunch(); - onQuitEntryClicked(); -} - const onToggleKeyboardShortcuts = () => { setEnableKeyboardShortcuts(!getEnableKeyboardShortcuts()); app.relaunch(); @@ -175,22 +129,6 @@ const onToggleNodeIntegration = () => { const onForceReloadClicked = () => { mainWindow.webContents.reload(); - applyTheme(); -} - -const themeFile = () => { - if (getIsDarkTheme()){ - return fs.readFileSync(pathsManifest.darktheme, 'utf8'); - }else{ - return fs.readFileSync(pathsManifest.theme, 'utf8'); - } -} - -const applyTheme = () => { - if (getIsThemed() ){ - mainWindow.webContents.executeJavaScript(themeFile()); - buildMenu() - } } const updateIcon = (icon) => { @@ -243,20 +181,12 @@ const getExtraOptions = () => { return { "name": "Google Hangouts Chat for Linux", "url": "https://mail.google.com/chat/u/0", - "oldUrl": "https://chat.google.com/?shell=8&lfhs=2", "openLocally": true }; } -const handleTheme = () => { - applyTheme(); - if (!startHidden) { - mainWindow.show(); - } -} - const doNotRedirect = (url) => { - return urlNotRedirected.some((e)=>url.includes(e)) + return urlNotRedirected.some((e)=>url.includes(e)); } const handleRedirect = (e, url) => { @@ -276,8 +206,6 @@ const handleRedirect = (e, url) => { const initializeWindow = (config) => { const bwOptions = (config && config.bounds) ? Object.assign(getBrowserWindowOptions(config), config.bounds) : getBrowserWindowOptions() const extraOptions = getExtraOptions(); - isThemed = (config && config.isThemed); - isDarkTheme = (config && config.isDarkTheme); keepMinimized = (config && config.keepMinimized); startHidden = (config && config.startHidden); enableKeyboardShortcuts = (config && config.enableKeyboardShortcuts); @@ -285,21 +213,18 @@ const initializeWindow = (config) => { openUrlInside = (config && config.openUrlInside); useXdgOpen = (config && config.useXdgOpen); thirdPartyAuthLoginMode = (config && config.thirdPartyAuthLoginMode); - useOldUrl = (config && config.useOldUrl); mainWindow = new BrowserWindow(bwOptions); - if (useOldUrl){ - mainWindow.loadURL(extraOptions.oldUrl); - }else{ - mainWindow.loadURL(extraOptions.url); - } + mainWindow.loadURL(extraOptions.url); if (config.languages !== undefined){ const ses = mainWindow.webContents.session ses.setSpellCheckerLanguages(config.languages) } mainWindow.once('ready-to-show', () => { - handleTheme(); + if (!startHidden) { + mainWindow.show(); + } }); mainWindow.on('close', (e) => { @@ -308,8 +233,6 @@ const initializeWindow = (config) => { configsData = {}; configsData.bounds = mainWindow.getBounds(); configsData.wasMaximized = isMaximized; - configsData.isThemed = isThemed; - configsData.isDarkTheme = isDarkTheme; configsData.keepMinimized = keepMinimized; configsData.startHidden = startHidden; configsData.enableKeyboardShortcuts = enableKeyboardShortcuts; @@ -317,7 +240,6 @@ const initializeWindow = (config) => { configsData.openUrlInside = openUrlInside; configsData.useXdgOpen = useXdgOpen; configsData.thirdPartyAuthLoginMode = thirdPartyAuthLoginMode; - configsData.useOldUrl = useOldUrl; ConfigManager.updateConfigs(configsData); }else{ @@ -359,14 +281,6 @@ const getUseXdgOpenTick= () => { return getUseXdgOpen() ? '☑' : '☐'; } -const getIsDarkThemeTick= () => { - return getIsDarkTheme() ? '☑' : '☐' ; -} - -const getUseOldUrlTick= () => { - return getUseOldUrl() ? '☑' : '☐' ; -} - const menuSubMenu= () => { return [ @@ -376,16 +290,6 @@ const menuSubMenu= () => { onForceReloadClicked(); } },{ - label: getUseOldUrlTick() + " Use old version of chat, to restore themes and notifications", - click: () => { - onToggleUseOldUrl(); - } - },{ - label: getIsThemed() ? "Remove theme (restart)" : "Apply theme", - click: () => { - onToggleThemeClicked(); - } - }, { label: getEnableKeyboardShortcuts() ? "Disable alt left/right shortcuts (restart)" : "Enable alt left/right shortcuts (restart)", click: () => { onToggleKeyboardShortcuts(); @@ -413,13 +317,6 @@ const viewSubMenu= () => { if (platform === 'win32'){ return [ { - label: getIsDarkThemeTick() + ' Use dark theme', - click: () => { - onUseDarkThemeClicked(); - } - }, { - type: 'separator' - }, { label: getStartHiddenTick() + ' Start hidden (restart)', click: () => { onStartHiddenClicked(); @@ -438,15 +335,6 @@ const viewSubMenu= () => { click: () => { onKeepMinimizedClicked(true); } - }, { - type: 'separator' - }, { - label: getIsDarkThemeTick() + ' Use dark theme', - click: () => { - onUseDarkThemeClicked(); - } - }, { - type: 'separator' }, { label: getStartHiddenTick() + ' Start hidden (restart)', click: () => { @@ -513,7 +401,7 @@ const buildMenu = () => { label: 'DevTools', accelerator: 'CommandOrControl+Shift+I', click: () => { - mainWindow.webContents.openDevTools();; + mainWindow.webContents.openDevTools(); } } @@ -524,16 +412,12 @@ const buildMenu = () => { module.exports = { initializeWindow: initializeWindow, - getIsThemed: getIsThemed, getEnableKeyboardShortcuts: getEnableKeyboardShortcuts, onToggleKeyboardShortcuts: onToggleKeyboardShortcuts, onForceReloadClicked: onForceReloadClicked, - onToggleThemeClicked: onToggleThemeClicked, onQuitEntryClicked: onQuitEntryClicked, onToggleThirdPartyAuthLoginMode: onToggleThirdPartyAuthLoginMode, getThirdPartyAuthLoginMode: getThirdPartyAuthLoginMode, - onToggleUseOldUrl: onToggleUseOldUrl, - getUseOldUrl: getUseOldUrl, updateIcon: updateIcon, setOverlayIcon: setOverlayIcon, cleanOverlayIcon: cleanOverlayIcon