yan/archived-x-prober
1
0
Fork 0
mirror of https://github.com/kmvan/x-prober.git synced 2026-04-22 01:08:59 +08:00
Code Issues 10 Packages Projects Releases 10 Wiki Activity

Merge pull request #192 from kmvan/dev

Browse Source 
Dev
This commit is contained in:
Km.Van
2022-11-14 15:31:31 +08:00
committed by GitHub
parent 099019b89b 17d6ae05f8
commit ac5d8aacf9
7 changed files with 122 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
AppConfig.json
View File

@@ -1,5 +1,5 @@
{
"APP_VERSION": "8.13",
"APP_VERSION": "8.14",
"APP_NAME": "X Prober",
"APP_URL": "https://github.com/kmvan/x-prober",
"AUTHOR_URL": "https://inn-studio.com/prober",

6
CHANGELOG.md
View File

@@ -2,6 +2,12 @@
All Notable changes to `X-Prober` will be documented in this file
## 8.14.0 - 2022-11-14
### Add
- Add dark mode
## 8.13.0 - 2022-11-14
### Fix

8
dist/prober.php vendored
View File

File diff suppressed because one or more lines are too long

4
src/Components/Card/components/styles.module.scss
View File

@@ -1,8 +1,8 @@
@use '../../Style/components/device.scss' as m;
.des {
padding: calc(var(--x-gutter) / 2) var(--x-gutter);
background-color: rgba(#fff, 0.3);
color: var(--x-body-fg);
background-color: var(--x-card-des-bg);
color: var(--x-card-des-fg);
border-radius: var(--x-radius);
margin-bottom: var(--x-gutter);
}

120
src/Components/ColorScheme/components/config.scss
View File

@@ -26,13 +26,9 @@ $bg: #f8f8f8;
--x-card-legend-bg: linear-gradient(#{darken(#282828, 5%)}, var(--x-fg));
--x-card-title-fg: var(--x-fg);
--x-card-title-bg: var(--x-bg);
--x-card-des-fg: var(--x-bg);
--x-card-des-bg: var(--x-fg);
--x-card-border-color: rgba(51 51 51 / 10%);
--x-card-hover-bg: linear-gradient(
to right,
transparent,
rgba(#000, 0.1),
transparent
);
--x-card-box-shadow: rgb(51 51 51 / 30%) 0px -1px 0px,
rgb(255 255 255) 0px 1px 0px inset, rgb(51 51 51 / 30%) 0px -1px 0px inset,
rgb(255 255 255) 0px 1px 0px;
@@ -77,16 +73,15 @@ $bg: #f8f8f8;
--x-progress-fg: var(--x-bg);
--x-progress-bg: var(--x-fg);
--x-progress-value-bg: #0c0;
--x-progress-value-after-bg: linear-gradient(
rgba(255 255 255 / 0.45),
transparent
);
--x-progress-value-after-bg: linear-gradient(#fff3, #0000);
--x-progress-value-before-bg: linear-gradient(
to right,
rgba(255 255 255/ 0.1),
rgba(255 255 255/ 0.95),
rgba(255 255 255/ 0.1)
#ffffff1a,
#fff3,
#ffffff1a
);
--x-progress-value-box-shadow: rgb(0 0 0) 0px 0px 1px 1px;
// network stats
--x-network-stats-tx-fg: #c24b00;
--x-network-stats-rx-fg: #007400;
@@ -112,4 +107,103 @@ $bg: #f8f8f8;
// toast
--x-toast-fg: var(--x-bg);
--x-toast-bg: var(--x-fg);
// ==================== dark ====================
@media (prefers-color-scheme: dark) {
--x-fg: #ccc;
--x-bg: #000;
--x-html-bg: #000;
--x-body-fg: var(--x-fg);
--x-body-bg: #000;
--x-gutter: 1rem;
--x-app-border-color: var(--x-bg);
--x-app-bg: #222;
--x-footer-fg: var(--x-fg);
--x-footer-bg: var(--x-bg);
--x-benchmark-ruby-bg: rgba(#000, 0.05);
--x-card-bg: #333;
--x-card-bg-hover: linear-gradient(
to right,
transparent,
rgba(0 0 0 / 0.5),
transparent
);
--x-card-legend-fg: var(--x-fg);
--x-card-legend-bg: linear-gradient(#{darken(#282828, 5%)}, var(--x-bg));
--x-card-title-fg: var(--x-fg);
--x-card-title-bg: var(--x-bg);
--x-card-des-fg: var(--x-fg);
--x-card-des-bg: var(--x-bg);
--x-card-border-color: rgba(0 0 0 / 0.5);
--x-card-box-shadow: rgb(0 0 0) 0px 0px 0px 1px inset;
--x-title-fg: var(--x-fg);
--x-title-bg: var(--x-bg);
--x-title-box-shadow: 0 1px 0 #000;
// star me
--x-star-me-fg: var(--x-fg);
--x-star-me-bg: var(--x-bg);
--x-star-me-hover-fg: #fff;
--x-star-me-hover-bg: var(--x-bg);
--x-star-me-border-color: linear-gradient(
90deg,
transparent,
#fff,
transparent
);
// nav
--x-nav-fg: var(--x-fg);
--x-nav-fg-hover: var(--x-fg);
--x-nav-fg-active: var(--x-fg);
--x-nav-bg: var(--x-bg);
--x-nav-bg-hover: linear-gradient(
rgba(255 255 255 / 0.15),
rgba(255 255 255 / 0.05)
);
--x-nav-bg-active: linear-gradient(
rgba(255 255 255 / 0.25),
rgba(255 255 255 / 0.15)
);
--x-nav-border-color: rgba(255 255 255 / 0.1);
// alert
--x-status-ok-fg: #fff;
--x-status-ok-bg: linear-gradient(#006900, #008200);
--x-status-error-fg: #fff;
--x-status-error-bg: linear-gradient(#464646, #535353);
// search link
--x-search-fg: var(--x-fg);
--x-search-bg: rgba(0 0 0 / 0.35);
--x-search-bg-hover: rgba(255 255 255 / 0.1);
// progress
--x-progress-fg: var(--x-fg);
--x-progress-bg: var(--x-bg);
--x-progress-value-bg: #0c0;
--x-progress-value-after-bg: linear-gradient(#fff3, #0000);
--x-progress-value-before-bg: linear-gradient(
to right,
#ffffff1a,
#fff3,
#ffffff1a
);
--x-progress-value-box-shadow: rgb(0 0 0 / 75%) 0px 0px 0px 10px inset,
rgb(0 0 0) 0px 0px 1px 1px;
// network stats
--x-network-stats-tx-fg: #ff7c29;
--x-network-stats-rx-fg: #00da00;
// network node
--x-network-node-fg: var(--x-fg);
--x-network-node-bg: #373c381a;
--x-network-node-border-color: #373c381a;
--x-network-node-row-bg: var(--x-card-bg-hover);
// ping
--x-ping-btn-fg: var(--x-fg);
--x-ping-btn-bg: var(--x-bg);
--x-ping-result-fg: var(--x-fg);
--x-ping-result-bg: var(--x-bg);
--x-ping-result-scrollbar-bg: var(--x-bg);
// sys load
--x-sys-load-fg: var(--x-fg);
--x-sys-load-bg: var(--x-bg);
// toast
--x-toast-fg: var(--x-fg);
--x-toast-bg: var(--x-bg);
}
}

2
src/Components/Config/ConfigApi.php
View File

@@ -7,7 +7,7 @@ namespace InnStudio\Prober\Components\Config;
class ConfigApi
{
public static $APP_VERSION = '8.13';
public static $APP_VERSION = '8.14';
public static $APP_NAME = 'X Prober';
public static $APP_URL = 'https://github.com/kmvan/x-prober';
public static $APP_CONFIG_URLS = array('https://raw.githubusercontent.com/kmvan/x-prober/master/AppConfig.json', 'https://api.inn-studio.com/download/?id=xprober-config');

2
src/Components/ProgressBar/components/styles.module.scss
View File

@@ -31,7 +31,7 @@
border-radius: var(--x-gutter);
background-color: var(--x-progress-value-bg);
overflow: hidden;
box-shadow: 0 0 1px 1px #000;
box-shadow: var(--x-progress-value-box-shadow);
&::after,
&::before {
position: absolute;