lychee-flat-white-theme/user.css at main · Renset/lychee-flat-white-theme · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
:root {
    --primary-200: #bae6fd !important;
    --primary-300: #7dd3fc !important;
    --primary-400: #38bdf8 !important;
    --primary-500: #0ea5e9 !important;
    --primary-600: #0284c7 !important;
    --primary-700: #0369a1 !important;

    --text-main-0: #000 !important;
    --text-main-100: #000 !important;
    --text-main-200: #000 !important;
    --text-main-300: #000 !important;
    --text-main-400: #4b4b4b !important;
    --text-hover: #000 !important;
    --text-white: #fff !important;

    --bg-50: #fff !important;
    --bg-100: #fff !important;
    --bg-200: #fff !important;
    --bg-300: #fff !important;
    --bg-400: #fff !important;
    --bg-500: #f1f1f1 !important;
    --bg-600: #f1f1f1 !important;
    --bg-700: #fff !important;
    --bg-800: #fff !important;
    --bg-900: #fff !important;
    --bg-950: #fff !important;

    --danger: #dc2626;
    --danger-dark: #b91c1c;
    --danger-darker: #991b1b;

    --success: #22c55e;

    --create: #16a34a;
    --create-dark: #15803d;

    --warning: #fb923c;
    --warning-dark: #ea580c;

    --thumb-shadow-color: rgba(0, 0, 0, 0.05);
    --overlay-bg: rgba(255, 255, 255, 0.8);
    --overlay-shadow-color: rgba(0, 0, 0, 0.1);
    --preview-overlay-bg: rgba(255, 255, 255, 0.7);
}

#lychee_toolbar_container {
    border-bottom-color: #ececec !important;
}

.album-thumb .overlay {
    text-shadow: none !important;
}

.album-thumb .overlay h1 {
    font-weight: 400 !important;
    font-size: 1rem !important;
}

.album-thumb .overlay {
    background: var(--preview-overlay-bg) !important;
}

.thumbimg {
    box-shadow: 2px 2px 16px 1px var(--thumb-shadow-color) !important;
}

.thumbimg img:not([data-src]) {
    filter: invert(1) !important;
}

img.object-cover + div > * {
    color: var(--text-white) !important;
}

.basicModalContainer {
    background-color: var(--overlay-bg) !important;
    backdrop-filter: blur(10px);
}

.basicModal {
    box-shadow: 2px 2px 64px 1px var(--overlay-shadow-color) !important;
}

#imageview {
    background-color: var(--overlay-bg) !important;
    backdrop-filter: blur(10px) !important;
}

.bg-black {
    background: none !important;
}

.menu-shadow svg {
    filter: invert(1);
}

#photoListing .photo .overlay {
    background: var(--preview-overlay-bg) !important;
    text-shadow: none !important;
}

#lychee_toolbar_container {
    background: none !important;
}