keii.dev
1// Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the GNU Affero General Public License v3.0.
2// See the LICENCE file in the repository root for full licence text.
3
4// main: compiled.less
5@import "app";
6
7.t-section {
8 .u-section--bg-normal {
9 // the bar that shows the section we're currently in
10 background-color: @osu-colour-h1 !important;
11 }
12
13 .u-section--color-hover {
14 &:focus,
15 &:hover,
16 &:active {
17 color: @osu-colour-l1 !important;
18 }
19 }
20
21 .u-section--gradient-down {
22 // the parts after 50% are for the header size transition.
23
24 background-image: linear-gradient(
25 hsla(var(--hsl-h2), 0.9) 0%,
26 @osu-colour-h2 37.5%,
27 @osu-colour-h2 50%,
28 @osu-colour-h2 50%,
29 @osu-colour-h2 100%
30 );
31 background-size: 200% 200%;
32 }
33}
34
35.u-section--bg {
36 background-color: @osu-colour-h2;
37}
38
39.menu-colour(beatmaps, osu-colour-blue-1);
40.menu-colour(beatmapsets, osu-colour-blue-1);
41.menu-colour(community, osu-colour-pink-1);
42.menu-colour(error, osu-colour-pink-1);
43.menu-colour(help, osu-colour-orange-1);
44.menu-colour(home, osu-colour-purple-1);
45.menu-colour(multiplayer, osu-colour-pink-1);
46.menu-colour(rankings, osu-colour-green-1);
47.menu-colour(store, osu-colour-darkorange-1);
48
49.menu-colour(@section, @colour) {
50 .u-section-@{section}--before-bg-normal {
51 &::before {
52 background-color: @@colour !important;
53 }
54 }
55}
56
57.fn-changelog-stream(stable);
58.fn-changelog-stream(stable-fallback);
59.fn-changelog-stream(beta);
60.fn-changelog-stream(cutting-edge);
61.fn-changelog-stream(lazer);
62.fn-changelog-stream(lazer-experimental);
63.fn-changelog-stream(web);
64.fn-changelog-stream(wiki);
65
66// Actually user filters, not changelog streams
67.fn-changelog-stream(all);
68.fn-changelog-stream(online);
69.fn-changelog-stream(offline);
70
71// FIXME: change to something more generic like selection filter
72.fn-changelog-stream(@stream) {
73 @color-name: "changelog-stream--@{stream}";
74
75 .t-changelog-stream--@{stream} {
76 .u-changelog-stream--bg {
77 background-color: @@color-name;
78 }
79
80 .u-changelog-stream--text {
81 color: @@color-name;
82 }
83 }
84}
85
86.fn-forum(category-beatmaps, @purple, @purple-text, @purple);
87.fn-forum(category-language-specific, @yellow, @yellow-text, @yellow-dark);
88.fn-forum(category-management, @gray-light, @gray-text, @gray);
89.fn-forum(category-osu, @pink, @pink-text, @pink);
90.fn-forum(category-other, @green, @green-text, @green);
91
92.fn-forum(@category, @bg, @text, @text-hover) {
93 .t-forum-@{category} {
94 --forum-bg: @bg;
95 --forum-text: @text;
96 --forum-text-hover: @text-hover;
97 .at2x-var(--forum-cover, "~@images/headers/forum-topic-covers/forum-cover-@{category}.jpg");
98 }
99}