Skip to content

Instantly share code, notes, and snippets.

@ahmadajmi

ahmadajmi/penang.html

Created August 10, 2020 13:30
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ahmadajmi/473cd97fd781e731ccf003bb7fe557ca to your computer and use it in GitHub Desktop.
Save ahmadajmi/473cd97fd781e731ccf003bb7fe557ca to your computer and use it in GitHub Desktop.
Download ZIP
Raw
penang.html
<style>
@media (prefers-color-scheme: dark) {
:root:not([data-user-color-scheme]) {
--color-mode: 'light';
--color-brand: #e7131a;
--color-white: #FFFFFF;
--color-dark: #000C2D;
--color-text: #000C2D;
--color-gray: #4F525F;
--color-error: #CD3D64;
--color-success: #09815C;
--color-border: #000C2D;
--bg-color: var(--color-white);
--bg-gray: #EEF1F0;
--bg-white: var(--color-white);
--bg-transparent: rgba(255, 255, 255, .7);
--bg-code-block: var(--bg-gray);
--bg-code-inline: var(--bg-gray);
--color-code-inline: var(--color-text);
--bg-post-card: var(--bg-white);
--bg-tag-list: linear-gradient(to left, var(--bg-color), rgba(255, 255, 255, 0));
--bg-gradient: linear-gradient(55deg,rgba(208,208,208,.03) 0,rgba(208,208,208,.03) 20%,rgba(55,55,55,.03) 20%,rgba(55,55,55,.03) 40%,rgba(81,81,81,.03) 40%,rgba(81,81,81,.03) 60%,rgba(208,208,208,.03) 60%,rgba(208,208,208,.03) 80%,rgba(191,191,191,.03) 80%,rgba(191,191,191,.03) 100%),linear-gradient(291deg,rgba(190,190,190,.02) 0,rgba(190,190,190,.02) 14.286%,rgba(105,105,105,.02) 14.286%,rgba(105,105,105,.02) 28.572%,rgba(230,230,230,.02) 28.572%,rgba(230,230,230,.02) 42.858%,rgba(216,216,216,.02) 42.858%,rgba(216,216,216,.02) 57.144%,rgba(181,181,181,.02) 57.144%,rgba(181,181,181,.02) 71.43%,rgba(129,129,129,.02) 71.43%,rgba(129,129,129,.02) 85.716%,rgba(75,75,75,.02) 85.716%,rgba(75,75,75,.02) 100.002%),linear-gradient(32deg,rgba(212,212,212,.03) 0,rgba(212,212,212,.03) 12.5%,rgba(223,223,223,.03) 12.5%,rgba(223,223,223,.03) 25%,rgba(11,11,11,.03) 25%,rgba(11,11,11,.03) 37.5%,rgba(86,86,86,.03) 37.5%,rgba(86,86,86,.03) 50%,rgba(106,106,106,.03) 50%,rgba(106,106,106,.03) 62.5%,rgba(220,220,220,.03) 62.5%,rgba(220,220,220,.03) 75%,rgba(91,91,91,.03) 75%,rgba(91,91,91,.03) 87.5%,rgba(216,216,216,.03) 87.5%,rgba(216,216,216,.03) 100%),linear-gradient(312deg,rgba(113,113,113,.01) 0,rgba(113,113,113,.01) 14.286%,rgba(54,54,54,.01) 14.286%,rgba(54,54,54,.01) 28.572%,rgba(166,166,166,.01) 28.572%,rgba(166,166,166,.01) 42.858%,rgba(226,226,226,.01) 42.858%,rgba(226,226,226,.01) 57.144%,rgba(109,109,109,.01) 57.144%,rgba(109,109,109,.01) 71.43%,rgba(239,239,239,.01) 71.43%,rgba(239,239,239,.01) 85.716%,rgba(54,54,54,.01) 85.716%,rgba(54,54,54,.01) 100.002%),linear-gradient(22deg,rgba(77,77,77,.03) 0,rgba(77,77,77,.03) 20%,rgba(235,235,235,.03) 20%,rgba(235,235,235,.03) 40%,rgba(215,215,215,.03) 40%,rgba(215,215,215,.03) 60%,rgba(181,181,181,.03) 60%,rgba(181,181,181,.03) 80%,rgba(193,193,193,.03) 80%,rgba(193,193,193,.03) 100%),linear-gradient(80deg,rgba(139,139,139,.02) 0,rgba(139,139,139,.02) 14.286%,rgba(114,114,114,.02) 14.286%,rgba(114,114,114,.02) 28.572%,rgba(240,240,240,.02) 28.572%,rgba(240,240,240,.02) 42.858%,rgba(221,221,221,.02) 42.858%,rgba(221,221,221,.02) 57.144%,rgba(74,74,74,.02) 57.144%,rgba(74,74,74,.02) 71.43%,rgba(201,201,201,.02) 71.43%,rgba(201,201,201,.02) 85.716%,rgba(187,187,187,.02) 85.716%,rgba(187,187,187,.02) 100.002%),linear-gradient(257deg,rgba(72,72,72,.03) 0,rgba(72,72,72,.03) 16.667%,rgba(138,138,138,.03) 16.667%,rgba(138,138,138,.03) 33.334%,rgba(54,54,54,.03) 33.334%,rgba(54,54,54,.03) 50.001%,rgba(161,161,161,.03) 50.001%,rgba(161,161,161,.03) 66.668%,rgba(17,17,17,.03) 66.668%,rgba(17,17,17,.03) 83.335%,rgba(230,230,230,.03) 83.335%,rgba(230,230,230,.03) 100.002%),linear-gradient(47deg,rgba(191,191,191,.01) 0,rgba(191,191,191,.01) 16.667%,rgba(27,27,27,.01) 16.667%,rgba(27,27,27,.01) 33.334%,rgba(66,66,66,.01) 33.334%,rgba(66,66,66,.01) 50.001%,rgba(36,36,36,.01) 50.001%,rgba(36,36,36,.01) 66.668%,rgba(230,230,230,.01) 66.668%,rgba(230,230,230,.01) 83.335%,rgba(93,93,93,.01) 83.335%,rgba(93,93,93,.01) 100.002%),linear-gradient(90deg,#fff,#fff);
}
}
[data-user-color-scheme='dark'] {
--color-mode: 'light';
--color-brand: #e7131a;
--color-white: #FFFFFF;
--color-dark: #000C2D;
--color-text: #000C2D;
--color-gray: #4F525F;
--color-error: #CD3D64;
--color-success: #09815C;
--color-border: #000C2D;
--bg-color: var(--color-white);
--bg-gray: #EEF1F0;
--bg-white: var(--color-white);
--bg-transparent: rgba(255, 255, 255, .7);
--bg-code-block: var(--bg-gray);
--bg-code-inline: var(--bg-gray);
--color-code-inline: var(--color-text);
--bg-post-card: var(--bg-white);
--bg-tag-list: linear-gradient(to left, var(--bg-color), rgba(255, 255, 255, 0));
--bg-gradient: linear-gradient(55deg,rgba(208,208,208,.03) 0,rgba(208,208,208,.03) 20%,rgba(55,55,55,.03) 20%,rgba(55,55,55,.03) 40%,rgba(81,81,81,.03) 40%,rgba(81,81,81,.03) 60%,rgba(208,208,208,.03) 60%,rgba(208,208,208,.03) 80%,rgba(191,191,191,.03) 80%,rgba(191,191,191,.03) 100%),linear-gradient(291deg,rgba(190,190,190,.02) 0,rgba(190,190,190,.02) 14.286%,rgba(105,105,105,.02) 14.286%,rgba(105,105,105,.02) 28.572%,rgba(230,230,230,.02) 28.572%,rgba(230,230,230,.02) 42.858%,rgba(216,216,216,.02) 42.858%,rgba(216,216,216,.02) 57.144%,rgba(181,181,181,.02) 57.144%,rgba(181,181,181,.02) 71.43%,rgba(129,129,129,.02) 71.43%,rgba(129,129,129,.02) 85.716%,rgba(75,75,75,.02) 85.716%,rgba(75,75,75,.02) 100.002%),linear-gradient(32deg,rgba(212,212,212,.03) 0,rgba(212,212,212,.03) 12.5%,rgba(223,223,223,.03) 12.5%,rgba(223,223,223,.03) 25%,rgba(11,11,11,.03) 25%,rgba(11,11,11,.03) 37.5%,rgba(86,86,86,.03) 37.5%,rgba(86,86,86,.03) 50%,rgba(106,106,106,.03) 50%,rgba(106,106,106,.03) 62.5%,rgba(220,220,220,.03) 62.5%,rgba(220,220,220,.03) 75%,rgba(91,91,91,.03) 75%,rgba(91,91,91,.03) 87.5%,rgba(216,216,216,.03) 87.5%,rgba(216,216,216,.03) 100%),linear-gradient(312deg,rgba(113,113,113,.01) 0,rgba(113,113,113,.01) 14.286%,rgba(54,54,54,.01) 14.286%,rgba(54,54,54,.01) 28.572%,rgba(166,166,166,.01) 28.572%,rgba(166,166,166,.01) 42.858%,rgba(226,226,226,.01) 42.858%,rgba(226,226,226,.01) 57.144%,rgba(109,109,109,.01) 57.144%,rgba(109,109,109,.01) 71.43%,rgba(239,239,239,.01) 71.43%,rgba(239,239,239,.01) 85.716%,rgba(54,54,54,.01) 85.716%,rgba(54,54,54,.01) 100.002%),linear-gradient(22deg,rgba(77,77,77,.03) 0,rgba(77,77,77,.03) 20%,rgba(235,235,235,.03) 20%,rgba(235,235,235,.03) 40%,rgba(215,215,215,.03) 40%,rgba(215,215,215,.03) 60%,rgba(181,181,181,.03) 60%,rgba(181,181,181,.03) 80%,rgba(193,193,193,.03) 80%,rgba(193,193,193,.03) 100%),linear-gradient(80deg,rgba(139,139,139,.02) 0,rgba(139,139,139,.02) 14.286%,rgba(114,114,114,.02) 14.286%,rgba(114,114,114,.02) 28.572%,rgba(240,240,240,.02) 28.572%,rgba(240,240,240,.02) 42.858%,rgba(221,221,221,.02) 42.858%,rgba(221,221,221,.02) 57.144%,rgba(74,74,74,.02) 57.144%,rgba(74,74,74,.02) 71.43%,rgba(201,201,201,.02) 71.43%,rgba(201,201,201,.02) 85.716%,rgba(187,187,187,.02) 85.716%,rgba(187,187,187,.02) 100.002%),linear-gradient(257deg,rgba(72,72,72,.03) 0,rgba(72,72,72,.03) 16.667%,rgba(138,138,138,.03) 16.667%,rgba(138,138,138,.03) 33.334%,rgba(54,54,54,.03) 33.334%,rgba(54,54,54,.03) 50.001%,rgba(161,161,161,.03) 50.001%,rgba(161,161,161,.03) 66.668%,rgba(17,17,17,.03) 66.668%,rgba(17,17,17,.03) 83.335%,rgba(230,230,230,.03) 83.335%,rgba(230,230,230,.03) 100.002%),linear-gradient(47deg,rgba(191,191,191,.01) 0,rgba(191,191,191,.01) 16.667%,rgba(27,27,27,.01) 16.667%,rgba(27,27,27,.01) 33.334%,rgba(66,66,66,.01) 33.334%,rgba(66,66,66,.01) 50.001%,rgba(36,36,36,.01) 50.001%,rgba(36,36,36,.01) 66.668%,rgba(230,230,230,.01) 66.668%,rgba(230,230,230,.01) 83.335%,rgba(93,93,93,.01) 83.335%,rgba(93,93,93,.01) 100.002%),linear-gradient(90deg,#fff,#fff);
}
</style>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment