NautilusOS/asdkfljhasdf.html at main · nautilus-os/NautilusOS · 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
<div class="appstore-content">
    <div class="appstore-sidebar">
        <div class="appstore-section active" onclick="switchAppStoreSection('themes', this)">
            <i class="fas fa-palette"></i>
            <span>Themes</span>
        </div>
        <div class="appstore-section" onclick="switchAppStoreSection('apps', this)">
            <i class="fas fa-th"></i>
            <span>Apps</span>
        </div>
        <div class="appstore-section" onclick="switchAppStoreSection('games', this)">
            <i class="fas fa-gamepad"></i>
            <span>Games</span>
        </div>
    </div>
    <div class="appstore-main" id="appstoreMain">
        <div class="appstore-header">
            <h2>Themes</h2>
            <p>Customize your NautilusOS experience</p>
        </div>
        <div class="appstore-grid">
            <div class="appstore-item">
                <div class="appstore-item-icon">
                    <i class="fas fa-moon"></i>
                </div>
                <div class="appstore-item-name">Dark Theme by dinguschan</div>
                <div class="appstore-item-desc">The default NautilusOS theme. Sleek dark interface with teal accents,
                    perfect for extended use and reducing eye strain.</div>
                <button class="appstore-item-btn installed" style="opacity: 0.6; cursor: not-allowed;" disabled>
                    Installed (Default)
                </button>
            </div>
            <div class="appstore-item">
                <div class="appstore-item-icon">
                    <i class="fas fa-sun"></i>
                </div>
                <div class="appstore-item-name">Light Theme by dinguschan</div>
                <div class="appstore-item-desc">A bright and clean theme perfect for daytime use. Easy on the eyes with
                    light backgrounds and dark text.</div>
                <button class="appstore-item-btn ${lightThemeInstalled ? " installed" : "" }" onclick="${lightThemeInstalled
            ? " uninstallTheme('light')" : "installTheme('light')" }">
                    ${lightThemeInstalled
                    ? "Uninstall"
                    : "Install"
                    }
                </button>
            </div>
            <div class="appstore-item">
                <div class="appstore-item-icon">
                    <i class="fas fa-crown" style="color: #d4af37;"></i>
                </div>
                <div class="appstore-item-name">Golden Theme by lanefiedler-731</div>
                <div class="appstore-item-desc">Elegant golden accents with warm, luxurious dark backgrounds. Perfect
                    for a premium look.</div>
                <button class="appstore-item-btn ${installedThemes.includes(" golden") ? "installed" : "" }"
                    onclick="${installedThemes.includes(" golden") ? "uninstallTheme('golden')"
                    : "installTheme('golden')" }">
                    ${installedThemes.includes("golden")
                    ? "Uninstall"
                    : "Install"
                    }
                </button>
            </div>
            <div class="appstore-item">
                <div class="appstore-item-icon">
                    <i class="fas fa-fire" style="color: #ef4444;"></i>
                </div>
                <div class="appstore-item-name">Red Theme by lanefiedler-731</div>
                <div class="appstore-item-desc">Bold and vibrant red accents for those who want to stand out. Energy
                    meets elegance.</div>
                <button class="appstore-item-btn ${installedThemes.includes(" red") ? "installed" : "" }"
                    onclick="${installedThemes.includes(" red") ? "uninstallTheme('red')" : "installTheme('red')" }">
                    ${installedThemes.includes("red")
                    ? "Uninstall"
                    : "Install"
                    }
                </button>
            </div>
            <div class="appstore-item">
                <div class="appstore-item-icon">
                    <i class="fas fa-droplet" style="color: #3b82f6;"></i>
                </div>
                <div class="appstore-item-name">Blue Theme by lanefiedler-731</div>
                <div class="appstore-item-desc">Cool and calming blue tones. Professional and soothing for extended use.
                </div>
                <button class="appstore-item-btn ${installedThemes.includes(" blue") ? "installed" : "" }"
                    onclick="${installedThemes.includes(" blue") ? "uninstallTheme('blue')" : "installTheme('blue')" }">
                    ${installedThemes.includes("blue")
                    ? "Uninstall"
                    : "Install"
                    }
                </button>
            </div>
        </div>
    </div>
</div>