Ocean

By DevEvil Version 3.1 Updated 01/27/2025 269.8K downloads

Highly customized and customizable theme for Discord

transparent customizable blue aqua

Live preview

Full Discord interface with this theme applied โ€” powered by ThemePreview.

Screenshot

Ocean screenshot
Ocean.theme.css
GitHub

Open source

https://raw.githubusercontent.com/DevEvil99/Ocean-Discord-Theme/5e4624a67fe92afdec9101524847c5212975cf95/Ocean.theme.css
1/**
2 * @name Ocean
3 * @author DevEvil
4 * @version 3.1
5 * @description Highly customized and customizable theme for Discord
6 * @authorId 468132563714703390
7 * @authorLink https://devevil.com
8 * @source https://github.com/DevEvil99/Ocean-Discord-Theme
9 * @website https://devevil.com
10 * @donate https://devevil.com/dnt
11 * @invite jsQ9UP7kCA
12*/
13
14/*
15 ________ ________ _______ ________ ________
16|\ __ \|\ ____\|\ ___ \ |\ __ \|\ ___ \
17\ \ \|\ \ \ \___|\ \ __/|\ \ \|\ \ \ \\ \ \
18 \ \ \\\ \ \ \ \ \ \_|/_\ \ __ \ \ \\ \ \
19 \ \ \\\ \ \ \____\ \ \_|\ \ \ \ \ \ \ \\ \ \
20 \ \_______\ \_______\ \_______\ \__\ \__\ \__\\ \__\
21 \|_______|\|_______|\|_______|\|__|\|__|\|__| \|__|
22
23 ________ ___ ___ ________ _______ ___ ___ _______ ___ ___ ___ ___
24|\ __ \ |\ \ / /| |\ ___ \|\ ___ \ |\ \ / /|\ ___ \ |\ \ / /|\ \|\ \
25\ \ \|\ /_ \ \ \/ / / \ \ \_|\ \ \ __/|\ \ \ / / | \ __/|\ \ \ / / | \ \ \ \
26 \ \ __ \ \ \ / / \ \ \ \\ \ \ \_|/_\ \ \/ / / \ \ \_|/_\ \ \/ / / \ \ \ \ \
27 \ \ \|\ \ \/ / / \ \ \_\\ \ \ \_|\ \ \ / / \ \ \_|\ \ \ / / \ \ \ \ \____
28 \ \_______\__/ / / \ \_______\ \_______\ \__/ / \ \_______\ \__/ / \ \__\ \_______\
29 \|_______|\___/ / \|_______|\|_______|\|__|/ \|_______|\|__|/ \|__|\|_______|
30 \|___|/
31*/
32
33@import url('https://devevil99.github.io/devevil/BetterDiscordAddons/Theme/Ocean/Ocean.theme.css');
34
35:root {
36 --ocean-bg: url(https://i.imgur.com/weOUkrT.png);
37 --ocean-home-icon: url(https://i.imgur.com/knu0gJQ.png);
38 --ocean-color1: #00d5ce;
39 --ocean-color2: #0a173a;
40 --ocean-color3: #1487b1;
41 --watermark-filter-invert: 0%;
42 --watermark-filter-sepia: 50%;
43 --watermark-filter-saturate: 3000%;
44 --watermark-filter-hue-rotate: 150deg;
45 --watermark-filter-brightness: 100%;
46 --watermark-filter-contrast: 200%;
47}
48
49