Skip to content

Commit

Permalink
initial commit
Browse files Browse the repository at this point in the history
  • Loading branch information
@epicX67
epicX67 committed Jul 11, 2021
0 parents commit 1f6ac63
Show file tree
Hide file tree
Showing 22 changed files with 2,305 additions and 0 deletions.
4 changes: 4 additions & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
.idea
node_modules
package-lock.json
dist
339 changes: 339 additions & 0 deletions LICENSE

Large diffs are not rendered by default.

14 changes: 14 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
## Mobros Legacy One Ui theme

![Theme Screenshot](desktop.png)
![Theme Screenshot](settings.png)
![Theme Screenshot](responsive.png)

### How to use theme ?

Download Latest Release from latest tags of repo.
Unpack the zip and paste that into below path.

> C:\Users\\[UserName]\AppData\Local\MoBro_Local\public\theme\\[Here]
### Mobros : [Github](https://github.com/ModBros) [Website](https://www.mod-bros.com/)
6 changes: 6 additions & 0 deletions assets/fan.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/fonts/PoppinsExtraLight.ttf
Binary file not shown.
Binary file added assets/fonts/PoppinsLight.ttf
Binary file not shown.
Binary file added assets/fonts/PoppinsRegular.ttf
Binary file not shown.
Binary file added assets/fonts/PoppinsSemiBold.ttf
Binary file not shown.
Binary file added assets/fonts/PoppinsThin.ttf
Binary file not shown.
Binary file added assets/fonts/ProductSansBold.ttf
Binary file not shown.
Binary file added assets/fonts/ProductSansRegular.ttf
Binary file not shown.
Binary file added desktop.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
333 changes: 333 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,333 @@
<html>

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>One</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/remixicon.css" rel="stylesheet">
<link defer rel="stylesheet" href="./dist/css/style.css">
</head>

<style>
@font-face {
font-family: "productSans";
src: url("./assets/fonts/ProductSansRegular.ttf");
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: "productSans";
src: url("./assets/fonts/ProductSansBold.ttf");
font-weight: bold;
font-style: normal;
}

/* devanagari */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 100;
font-display: swap;
src: url('./assets/fonts/PoppinsThin.ttf');
}

/* devanagari */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 200;
font-display: swap;
src: url('./assets/fonts/PoppinsExtraLight.ttf')
}

/* devanagari */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url('./assets/fonts/PoppinsLight.ttf');
}

/* devanagari */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('./assets/fonts/PoppinsRegular.ttf');
}

/* devanagari */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url('./assets/fonts/PoppinsSemiBold.ttf');
}
</style>

<body>
<table style="display: none;" cellspacing="0">
<tr>
<th>Name</th>
<th>Min</th>
<th>Current</th>
<th>Max</th>
</tr>

<tr>
<th id="cpu_name"></th>
</tr>
<tr>
<th>Usage</th>
<th id="cpu_usage_min"></th>
<th id="cpu_usage_curr"></th>
<th id="cpu_usage_max"></th>
<th style="display: none;" id="cpu_usage_unit"></th>
</tr>

<tr>
<th>Temp</th>
<th id="cpu_temp_min"></th>
<th id="cpu_temp_curr"></th>
<th id="cpu_temp_max"></th>
<th style="display: none;" id="cpu_temp_unit"></th>
</tr>

<tr>
<th>Fan Speed</th>
<th id="cpu_fan_min"></th>
<th id="cpu_fan_curr"></th>
<th id="cpu_fan_max"></th>
<th style="display: none;" id="cpu_fan_unit"></th>
</tr>


<tr>
<th id="gpu_name"></th>
</tr>
<tr>
<th>Temp</th>
<th id="gpu_temp_min"></th>
<th id="gpu_temp_curr"></th>
<th id="gpu_temp_max"></th>
<th style="display: none;" id="gpu_temp_unit"></th>
</tr>
<tr>
<th>Usage</th>
<th id="gpu_usage_min"></th>
<th id="gpu_usage_curr"></th>
<th id="gpu_usage_max"></th>
<th style="display: none;" id="gpu_usage_unit"></th>
</tr>
<tr>
<th>VRam Usage</h3>
<th id="vram_usage_min"></th>
<th id="vram_usage_curr"></th>
<th id="vram_usage_max"></th>
<th style="display: none;" id="vram_usage_unit"></th>
</tr>
<tr>
<th>VRam Used</th>
<th id="vram_used_min"></th>
<th id="vram_used_curr"></th>
<th id="vram_used_max"></th>
<th style="display: none;" id="vram_used_unit"></th>
</tr>
<tr>
<th>Fan Speed</th>
<th id="gpu_fan_min"></th>
<th id="gpu_fan_curr"></th>
<th id="gpu_fan_max"></th>
<th style="display: none;" id="gpu_fan_unit"></th>
</tr>


<tr>
<th id="mem_name"></th>
</tr>
<tr>
<th>Usage</th>
<th id="mem_usage_min"></th>
<th id="mem_usage_curr"></th>
<th id="mem_usage_max"></th>
<th style="display: none;" id="mem_usage_unit"></th>
</tr>
<tr>
<th>Used</th>
<th id="mem_used_min"></th>
<th id="mem_used_curr"></th>
<th id="mem_used_max"></th>
<th style="display: none;" id="mem_used_unit"></th>
</tr>
</table>

<header>One <span>Ui</span></header>
<div id="main" class="container">
<div style="display: none;" id="cpu" class="card">
<div class="type">
<i id="cpu_ico" class="ri-cpu-fill blue"></i>
<p>CPU</p>
</div>

<div class="pill">
<i class="ri-temp-cold-fill"></i>
<div id="cpu_temp" class="pill-txt blue"><span>°c</span></div>
</div>
<div id="cpu_load" class="load blue">67<span>%</span></div>
<div class="pillDown">
<div id="cpu_fan" class="pillDown-txt blue">1200<span>RPM</span></div>
<img id="cpu_fan_anima" src="./assets/fan.svg" alt="">
</div>
</div>

<div style="display: none;" id="ram" class="card">
<div class="type">
<i id="mem_ico" class="ri-database-fill lime"></i>
<p>RAM</p>
</div>

<div class="pill">
<i class="ri-temp-cold-fill"></i>
<div class="pill-txt lime"><span>°c</span></div>
</div>
<div id="mem_load" class="load lime">83<span>%</span></div>
<div class="pillDown">
<div id="mem_used" class="pillDown-txt lime">7674<span>MB</span></div>
<i class="ri-dashboard-2-line"></i>
</div>
</div>


<div style="display: none;" id="gpu" class="card">
<div class="type">
<i id="gpu_ico" class="ri-gamepad-fill orange"></i>
<p>GPU</p>
</div>

<div class="pill">
<i class="ri-temp-cold-fill"></i>
<div id="gpu_temp" class="pill-txt orange">68<span>°c</span></div>
</div>
<div id="gpu_load" class="load orange">100<span>%</span></div>
<div class="pillDown">
<div id="gpu_fan" class="pillDown-txt orange">0<span>RPM</span></div>
<img id="gpu_fan_anima" style="animation: spin 0ms linear infinite;" src="./assets/fan.svg" alt="">
</div>
</div>


<div style="display: none;" id="vram" class="card">
<div class="type">
<i id="vram_ico" class="ri-sd-card-mini-fill yellow"></i>
<p>VRAM</p>
</div>

<div class="pill">
<i class="ri-temp-cold-fill"></i>
<div class="pill-txt yellow"><span>°c</span></div>
</div>
<div id="vram_load" class="load yellow"><span>%</span></div>
<div class="pillDown">
<div id="vram_used" class="pillDown-txt yellow"><span>MB</span></div>
<i class="ri-dashboard-2-line"></i>
</div>
</div>
</div>


<div id="settings" class="settings hideSettings">
<button onclick="showhideSettings()" id="open_settings" class="openSettings">
<i class="ri-settings-fill"></i>
</button>
<div class="settings-head">
<h1>Settings</h1>
<button onclick="showhideSettings()">Close</button>
</div>


<div class="sContainer">
<h2>CPU</h2>
<input onchange="set_visibility('show_cpu');update();" type="checkbox" name="show_cpu" id="show_cpu">
<label for="show_cpu">Show CPU</label>

<h3>Color</h3>
<div class="colorPicker">
<button onclick="updateColor('cpu', 'red');update();" id="cpu_color_red" class="redBG"></button>
<button onclick="updateColor('cpu', 'blue');update();" id="cpu_color_blue" class="blueBG"></button>
<button onclick="updateColor('cpu', 'cyan');update();" id="cpu_color_cyan" class="cyanBG"></button>
<button onclick="updateColor('cpu', 'yellow');update();" id="cpu_color_yellow"
class="yellowBG"></button>
<button onclick="updateColor('cpu', 'orange');update();" id="cpu_color_orange"
class="orangeBG"></button>
<button onclick="updateColor('cpu', 'lime');update();" id="cpu_color_lime" class="limeBG"></button>
</div>





<h2>RAM</h2>
<input onchange="set_visibility('show_ram');update();" type="checkbox" name="show_ram" id="show_ram">
<label for="show_ram">Show RAM</label>

<h3>Color</h3>
<div class="colorPicker">
<button onclick="updateColor('ram', 'red');update();" id="ram_color_red" class="redBG"></button>
<button onclick="updateColor('ram', 'blue');update();" id="ram_color_blue" class="blueBG"></button>
<button onclick="updateColor('ram', 'cyan');update();" id="ram_color_cyan" class="cyanBG"></button>
<button onclick="updateColor('ram', 'yellow');update();" id="ram_color_yellow"
class="yellowBG"></button>
<button onclick="updateColor('ram', 'orange');update();" id="ram_color_orange"
class="orangeBG"></button>
<button onclick="updateColor('ram', 'lime');update();" id="ram_color_lime" class="limeBG"></button>
</div>



<h2>GPU</h2>
<input onchange="set_visibility('show_gpu');update();" type="checkbox" name="show_gpu" id="show_gpu">
<label for="show_gpu">Show GPU</label>

<h3>Color</h3>
<div class="colorPicker">
<button onclick="updateColor('gpu', 'red');update();" id="gpu_color_red" class="redBG"></button>
<button onclick="updateColor('gpu', 'blue');update();" id="gpu_color_blue" class="blueBG"></button>
<button onclick="updateColor('gpu', 'cyan');update();" id="gpu_color_cyan" class="cyanBG"></button>
<button onclick="updateColor('gpu', 'yellow');update();" id="gpu_color_yellow"
class="yellowBG"></button>
<button onclick="updateColor('gpu', 'orange');update();" id="gpu_color_orange"
class="orangeBG"></button>
<button onclick="updateColor('gpu', 'lime');update();" id="gpu_color_lime" class="limeBG"></button>
</div>



<h2>VRAM</h2>
<input onchange="set_visibility('show_vram');update();" type="checkbox" name="show_vram" id="show_vram">
<label for="show_vram">Show VRAM</label>

<h3>Color</h3>
<div class="colorPicker">
<button onclick="updateColor('vram', 'red');update();" id="vram_color_red" class="redBG"></button>
<button onclick="updateColor('vram', 'blue');update();" id="vram_color_blue" class="blueBG"></button>
<button onclick="updateColor('vram', 'cyan');update();" id="vram_color_cyan" class="cyanBG"></button>
<button onclick="updateColor('vram', 'yellow');update();" id="vram_color_yellow"
class="yellowBG"></button>
<button onclick="updateColor('vram', 'orange');update();" id="vram_color_orange"
class="orangeBG"></button>
<button onclick="updateColor('vram', 'lime');update();" id="vram_color_lime" class="limeBG"></button>
</div>
</div>


</div>
<script src="sdk.js"></script>
<script src="./dist/script.js"></script>
</body>

</html>
34 changes: 34 additions & 0 deletions package.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,34 @@
{
"name": "mobro-legacy-one-theme",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"dev": "webpack --mode=development",
"build": "webpack --mode=production"
},
"repository": {
"type": "git",
"url": "git+https://github.com/epicX67/mobros_legacy_one.git"
},
"author": "",
"license": "ISC",
"bugs": {
"url": "https://github.com/epicX67/mobros_legacy_one/issues"
},
"homepage": "https://github.com/ModBros",
"dependencies": {
"@babel/core": "^7.9.0",
"@babel/plugin-proposal-class-properties": "^7.8.3",
"babel-loader": "^8.1.0",
"bytes": "^3.1.0",
"convert-units": "^2.3.4",
"copy-webpack-plugin": "^5.1.1",
"css-loader": "^3.5.3",
"mini-css-extract-plugin": "^0.9.0",
"path": "^0.12.7",
"style-loader": "^1.2.1",
"webpack": "^4.43.0",
"webpack-cli": "^3.3.11"
}
}
Binary file added responsive.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added settings.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit 1f6ac63

Please sign in to comment.