Google Photos - Dark Theme - readable info tab by needmorecoffee92

Details

Authorneedmorecoffee92
LicenseNo License
Categoryphotos.google.com
Created2 years, 1 month ago
Updated2 years, 1 month ago
Size6.6 kB
Statistics

Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description

A slight modification of the beautiful Google Photos - Dark Theme (https://github.com/blyad2137/google-dark-theme).
Aim was to make the data on info tab readable by assigning brighter font colour to certain classes.
Notes

.IMbeAf{color: rgb(200, 200, 200);}
.AJM7gb{color: rgb(200, 200, 200);}
.R9U8ab{color: rgb(200, 200, 200);}
.sprMUb{color: rgb(200, 200, 200);}
Source code

/* ==UserStyle==
@name           Google Photos - Dark Theme
@namespace      USO Archive
@author         Pabli
@description    `Dark theme for Google PhotosCiemny styl dla Zdjęcia Googlephotos.google.comhttps://photos.google.com/Also available on <a href="https://greasyfork.org/en/scripts/395023-google-photos-dark-theme">GreasyFork.org</a>`
@version        20181006.18.23
@license        CC-BY-NC-4.0
@preprocessor   uso
==/UserStyle== */
@-moz-document domain("photos.google.com") {
html, head, body {
	background: #252525;
	color: rgba(255, 255, 255, 0.87);
}
.gb_fa .gb_b {
	background-position: -34px -1103px;
	opacity: .55;
}
.bFJFBf {
	color: rgba(170, 170, 170, 0.54);
}
.DOAbib .xMAzlb {
	fill: rgba(255, 255, 255, 0.54);
	color: rgba(255, 255, 255, 0.54);
}
.ixImeb .JUQOtc, .ixImeb .xMAzlb {
	fill: #4285f4!important;
	color: #4285f4!important;
}
.gb_ea .gb_b {
	filter: invert(100%);
}
.gN5aAe {
	background: #252525;
}
.YisXab, .YisXab::after {
	background-color: #252525;
}
c-wiz {
	background: #252525!important;
}
.ZMOaid.uGCjIb, .uGCjIb, .yDSiEe, .zcLWac, .eejsDc, .ZMOaid {
	background: #252525!important;
}
.p137Zd {
	background: #2d2d2d;
}
.O1Wnce {
	background-color: #2d2d2d;
	background-image: linear-gradient(90deg,#252525 0,transparent 0,transparent 294px,#252525 294px,#252525),linear-gradient(0deg,#252525 0,transparent 0,transparent 220px,#252525 220px,#252525);
}
.KhS5De, .gAFV7d {
	color: #252525;
}
.mJ5jI .MbhUzd, .fKz7Od .VTBa7b {
	background-image: radial-gradient(circle farthest-side,rgb(45, 45, 45),rgb(45, 45, 45) 80%,rgb(45, 45, 45) 100%)!important;
}
.gb_Sa svg, .gb_kc svg {
	color: #fff;
}
.EIug8e {
	color: rgba(255, 255, 255, 0.54);
}
.ZEmz6b {
	color: rgba(255, 255, 255, 0.87);
}
.DOAbib .JUQOtc, .DOAbib .xMAzlb {
	fill: rgba(255, 255, 255, 0.54);
	color: rgba(255, 255, 255, 0.54);
}
.P72lEd {
	color: rgba(255, 255, 255, 0.54);
}
.USUr0d {
	color: rgba(255, 255, 255, 0.87);
}
.R4HkWb .orgUxc {
	fill: rgba(255, 255, 255, 0.54);
}
.rWyLGb {
	color: rgba(255, 255, 255, 0.87);
}
.HiceN {
	color: rgba(255, 255, 255, 0.87);
}
.UADmqe, .mfQCMe {
	color: rgba(255, 255, 255, 0.87);
}
.UV4Xae {
	color: rgba(255, 255, 255, 0.54);
}
.xA0gfb {
	color: rgba(255, 255, 255, 0.87);
}
.Qizfvf {
	color: rgba(255, 255, 255, 0.87);
}
.bCPWJc {
	color: rgba(255, 255, 255, 0.54);
}
.fKz7Od {
	color: rgba(255, 255, 255, 0.54);
	fill: rgba(255, 255, 255, 0.54);
}
.AAF8rf {
	filter: invert(1) grayscale(1);
}
.KU0x5c .up0e5, .mIszjc .up0e5, .KfmeTb .up0e5, .UzoGpd .up0e5, .AR12ke .up0e5, .qyRYS .up0e5, .nHTGHe .up0e5 {
	background-color: #1d1d1d;
}
.rtIMgb.WjVZdb {
	background: #1d1d1d;
}
.QtDoYb {
	background: #3e3e3e;
}
.xFANze, .Aul2T {
	background: #4e4e4e;
}
.Aul2T .yNVtPc.ZAGvjd {
	color: rgba(255, 255, 255, 0.38);
}
.ZSB8G, .Afhsje {
	fill: rgba(255, 255, 255, 0.38);
}
.xoqcGf.DKHcHb .xFANze, .xFANze.qs41qe, .PpML1d.SYc7od .umz0he, .PpML1d.SYc7od .TKkoge {
	background: #3e3e3e;
}
.OePIxd, .xFANze .dOYTsd .ZAGvjd, .Aul2T .cI2tlc .ZAGvjd {
	color: #ababab;
}
.xoqcGf.DKHcHb .xFANze, .xoqcGf.DKHcHb .Aul2T, .xFANze.qs41qe {
	background: #3e3e3e;
}
.VOEIyf .jBmls {
	background-color: #3e3e3e;
}
.ai98Df {
	background: #353535;
}
.TYNeHe.c1HGpd {
	color: #d3d3d3;
}
.GsjgHe, .h8CjNe.GAOQc .qiEwsc {
	background: #252525;
}
.yGPk4d .ifyeLb {
	background: #252525;
}
.yGPk4d .HPN91c, .yGPk4d .YisXab, .o2T7Xc .MJvped {
	background: #383838;
}
.fHdri {
	background-color: #252525;
}
.vI9sif {
	background: rgba(0, 0, 0, 0.8);
}
.llydI {
	fill: rgba(255, 255, 255, 0.38);
}
.niePN {
	fill: rgba(255, 255, 255, 0.54);
}
.G6iPcb .JUQOtc {
	fill: rgba(255, 255, 255, 0.54);
}
.xFANze .yNVtPc.ZAGvjd {
	color: rgba(255, 255, 255, 0.38);
}
.zwSeAc {
	fill: rgba(255, 255, 255, 0.38);
}
.SmZ4Wd {
	background: #252525!important;
}
.vcug3d .PbnGhe, .lDDKpd, .eejsDc {
	background: #252525!important;
}
.IMbeAf{color: rgb(200, 200, 200);}
.AJM7gb{color: rgb(200, 200, 200);}
.R9U8ab{color: rgb(200, 200, 200);}
.sprMUb{color: rgb(200, 200, 200);}
.GJuUre {
	background: #252525!important;
}
.GJuUre:hover {
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.lDDKpd .GJuUre {
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
	background: #252525;
}
.vUbGoc, .S0wKjb, .eLFytf, .cbsbHc, .gxQjGf {
	color: rgba(255, 255, 255, 0.87);
}
.k4Or1e, .xIu0Y, .SqxZMb, .KG5KUc, .gOOTbd, .ieJslf {
	color: rgba(255, 255, 255, 0.54);
}
.whLJKc {
	background-color: #252525;
}
.zDUlE {
	background: #252525;
}
.rfwMZb {
	background: #252525;
}
.uFjcbe {
	background-color: #252525;
	border-bottom: 1px solid #191919;
}
.nzRLqf {
	color: #fff;
}
.Uv6BHe {
	background-color: #3e3e3e;
}
.CGmlkf {
	border-bottom: 1px solid #404040;
}
.vOjUsd, .T7KMAf {
	color: rgba(255, 255, 255, 0.87);
}
.o9vmgf {
	color: rgba(255, 255, 255, 0.54);
}
.viaTeb .wkrEK, .Y95CAf {
	color: #cecece;
}
.Vm8UPe .jBOzbf:nth-child(2) {
	border-left: 2px solid #252525;
}
.lEnAO .Vm8UPe:nth-child(2) {
	border-top: 2px solid #252525;
}
.PcxEPe .o11zad.QuQCEd {
	background-color: #383838;
}
.yMuq9d {
	color: rgba(255, 255, 255, 0.87);
}
.wDSX5e .DOAbib:not(.Mph3Hc):hover, .wDSX5e .ixImeb {
	background: #353535;
}
.w8iOwc, .aDUoef {
	color: rgba(255, 255, 255, 0.87);
}
.IGdgBf, .SuJ5zd .TpQm9d {
	color: #dcdcdc;
}
.t5nRo {
	border-color: rgba(255, 255, 255, 0.54);
}
.ZFr60d {
	background-color: #3e3e3e;
}
.X0f2Ie {
	border-top: 1px solid #353535;
}
.QfyHQc {
	border-bottom: 1px solid #353535;
}
.zEszRd {
	background-color: #3e3e3e;
}
.ncFHed {
	background: #3e3e3e;
}
.ncFHed .MocG8c.KKjvXb {
	background-color: #4a4a4a;
}
.w1zVpf {
	background-color: #272727;
}
.QuQCEd {
	-webkit-background-size: 120%;
	background-size: 120%;
}
.Xedy9e, .SHkfld {
	color: rgba(255, 255, 255, 0.54);
}
.KmTyub {
	color: rgba(255, 255, 255, 0.54);
}
.baDgEc.zZhnYe {
	color: #ffffff;
}
.O0WRkf.RDPZE {
	color: rgba(255, 255, 255, 0.502);
	fill: rgba(255, 255, 255, 0.502);
}
.FtiXNe {
	color: rgba(255, 255, 255, 0.54);
}
.qJ3sed {
	color: rgba(255, 255, 255, 0.87);
}
.gb_Xa svg, .gb_oc svg {
	color: white;
}
.gb_Ta svg, .gb_lc svg {
	color: white;
}
.FBoeXc.vOSR6b {
	background: #3e3e3e;
}
.RwVyJb {
	color: #ababab;
}
.UcZrVc {
	fill: rgba(255, 255, 255, 0.54);
}
.UcZrVc .w9e2Mc, .UcZrVc .OLQnJe {
	fill: rgba(255, 255, 255, 0.54);
}
.UcZrVc .Qfrpne {
	stroke: rgba(255, 255, 255, 0.54);
}
.X7j0Rc .snByac {
	color: rgba(255, 255, 255, 0.87);
}
.X7j0Rc .gCeAkf, .ndDvOd {
	background: #000;
}
.g3VIld {
	background-color: #333;
}
.UE0Rp {
	color: rgba(255, 255, 255, 0.54);
}
.DOAbib .HLOCEe {
	fill: rgba(255, 255, 255, 0.54);
	color: rgba(255, 255, 255, 0.54);
}
}
Reviews

No reviews yet.