roundabout,
created on Sunday, 29 March 2020, 07:17:42 (1585466262),
received on Sunday, 11 May 2025, 13:22:51 (1746969771)
Author identity: nana-4 <hnmaigo@gmail.com>
aa8823de52435f27fd325c9a6b4130fc0c602a27
src/_color-palette.scss
@@ -1,300 +1,275 @@
// Based on 2014 Material Design color palettes: // https://material.io/design/color/#tools-for-picking-colors // Red$red-50: #FFEBEE;$red-100: #FFCDD2;$red-200: #EF9A9A;$red-300: #E57373;$red-400: #EF5350;$red-500: #F44336;$red-600: #E53935;$red-700: #D32F2F;$red-800: #C62828;$red-900: #B71C1C;$red-a100: #FF8A80;$red-a200: #FF5252;$red-a400: #FF1744;$red-a700: #D50000;$red-50: #ffebee; $red-100: #ffcdd2; $red-200: #ef9a9a; $red-300: #e57373; $red-400: #ef5350; $red-500: #f44336; $red-600: #e53935; $red-700: #d32f2f; $red-800: #c62828; $red-900: #b71c1c; $red-a100: #ff8a80; $red-a200: #ff5252; $red-a400: #ff1744; $red-a700: #d50000;// Pink$pink-50: #FCE4EC;$pink-100: #F8BBD0;$pink-200: #F48FB1;$pink-300: #F06292;$pink-400: #EC407A;$pink-500: #E91E63;$pink-600: #D81B60;$pink-700: #C2185B;$pink-800: #AD1457;$pink-900: #880E4F;$pink-a100: #FF80AB;$pink-a200: #FF4081;$pink-a400: #F50057;$pink-a700: #C51162;$pink-50: #fce4ec; $pink-100: #f8bbd0; $pink-200: #f48fb1; $pink-300: #f06292; $pink-400: #ec407a; $pink-500: #e91e63; $pink-600: #d81b60; $pink-700: #c2185b; $pink-800: #ad1457; $pink-900: #880e4f; $pink-a100: #ff80ab; $pink-a200: #ff4081; $pink-a400: #f50057; $pink-a700: #c51162;// Purple$purple-50: #F3E5F5;$purple-100: #E1BEE7;$purple-200: #CE93D8;$purple-300: #BA68C8;$purple-400: #AB47BC;$purple-500: #9C27B0;$purple-600: #8E24AA;$purple-700: #7B1FA2;$purple-800: #6A1B9A;$purple-900: #4A148C;$purple-a100: #EA80FC;$purple-a200: #E040FB;$purple-a400: #D500F9;$purple-a700: #AA00FF;$purple-50: #f3e5f5; $purple-100: #e1bee7; $purple-200: #ce93d8; $purple-300: #ba68c8; $purple-400: #ab47bc; $purple-500: #9c27b0; $purple-600: #8e24aa; $purple-700: #7b1fa2; $purple-800: #6a1b9a; $purple-900: #4a148c; $purple-a100: #ea80fc; $purple-a200: #e040fb; $purple-a400: #d500f9; $purple-a700: #a0f;// Deep Purple$deep-purple-50: #EDE7F6;$deep-purple-100: #D1C4E9;$deep-purple-200: #B39DDB;$deep-purple-300: #9575CD;$deep-purple-400: #7E57C2;$deep-purple-500: #673AB7;$deep-purple-600: #5E35B1;$deep-purple-700: #512DA8;$deep-purple-800: #4527A0;$deep-purple-900: #311B92;$deep-purple-a100: #B388FF;$deep-purple-a200: #7C4DFF;$deep-purple-a400: #651FFF;$deep-purple-a700: #6200EA;$deep-purple-50: #ede7f6; $deep-purple-100: #d1c4e9; $deep-purple-200: #b39ddb; $deep-purple-300: #9575cd; $deep-purple-400: #7e57c2; $deep-purple-500: #673ab7; $deep-purple-600: #5e35b1; $deep-purple-700: #512da8; $deep-purple-800: #4527a0; $deep-purple-900: #311b92; $deep-purple-a100: #b388ff; $deep-purple-a200: #7c4dff; $deep-purple-a400: #651fff; $deep-purple-a700: #6200ea;// Indigo$indigo-50: #E8EAF6;$indigo-100: #C5CAE9;$indigo-200: #9FA8DA;$indigo-300: #7986CB;$indigo-400: #5C6BC0;$indigo-500: #3F51B5;$indigo-600: #3949AB;$indigo-700: #303F9F;$indigo-50: #e8eaf6; $indigo-100: #c5cae9; $indigo-200: #9fa8da; $indigo-300: #7986cb; $indigo-400: #5c6bc0; $indigo-500: #3f51b5; $indigo-600: #3949ab; $indigo-700: #303f9f;$indigo-800: #283593; $indigo-900: #1A237E;$indigo-a100: #8C9EFF;$indigo-a200: #536DFE;$indigo-a400: #3D5AFE;$indigo-a700: #304FFE;$indigo-900: #1a237e; $indigo-a100: #8c9eff; $indigo-a200: #536dfe; $indigo-a400: #3d5afe; $indigo-a700: #304ffe;// Blue$blue-50: #E3F2FD;$blue-100: #BBDEFB;$blue-200: #90CAF9;$blue-300: #64B5F6;$blue-400: #42A5F5;$blue-500: #2196F3;$blue-600: #1E88E5;$blue-700: #1976D2;$blue-800: #1565C0;$blue-900: #0D47A1;$blue-a100: #82B1FF;$blue-a200: #448AFF;$blue-a400: #2979FF;$blue-a700: #2962FF;$blue-50: #e3f2fd; $blue-100: #bbdefb; $blue-200: #90caf9; $blue-300: #64b5f6; $blue-400: #42a5f5; $blue-500: #2196f3; $blue-600: #1e88e5; $blue-700: #1976d2; $blue-800: #1565c0; $blue-900: #0d47a1; $blue-a100: #82b1ff; $blue-a200: #448aff; $blue-a400: #2979ff; $blue-a700: #2962ff;// Light Blue$light-blue-50: #E1F5FE;$light-blue-100: #B3E5FC;$light-blue-200: #81D4FA;$light-blue-300: #4FC3F7;$light-blue-400: #29B6F6;$light-blue-500: #03A9F4;$light-blue-600: #039BE5;$light-blue-700: #0288D1;$light-blue-800: #0277BD;$light-blue-900: #01579B;$light-blue-a100: #80D8FF;$light-blue-a200: #40C4FF;$light-blue-a400: #00B0FF;$light-blue-a700: #0091EA;$light-blue-50: #e1f5fe; $light-blue-100: #b3e5fc; $light-blue-200: #81d4fa; $light-blue-300: #4fc3f7; $light-blue-400: #29b6f6; $light-blue-500: #03a9f4; $light-blue-600: #039be5; $light-blue-700: #0288d1; $light-blue-800: #0277bd; $light-blue-900: #01579b; $light-blue-a100: #80d8ff; $light-blue-a200: #40c4ff; $light-blue-a400: #00b0ff; $light-blue-a700: #0091ea;// Cyan$cyan-50: #E0F7FA;$cyan-100: #B2EBF2;$cyan-200: #80DEEA;$cyan-300: #4DD0E1;$cyan-400: #26C6DA;$cyan-500: #00BCD4;$cyan-600: #00ACC1;$cyan-700: #0097A7;$cyan-800: #00838F;$cyan-50: #e0f7fa; $cyan-100: #b2ebf2; $cyan-200: #80deea; $cyan-300: #4dd0e1; $cyan-400: #26c6da; $cyan-500: #00bcd4; $cyan-600: #00acc1; $cyan-700: #0097a7; $cyan-800: #00838f;$cyan-900: #006064; $cyan-a100: #84FFFF;$cyan-a200: #18FFFF;$cyan-a400: #00E5FF;$cyan-a700: #00B8D4;$cyan-a100: #84ffff; $cyan-a200: #18ffff; $cyan-a400: #00e5ff; $cyan-a700: #00b8d4;// Teal$teal-50: #E0F2F1;$teal-100: #B2DFDB;$teal-200: #80CBC4;$teal-300: #4DB6AC;$teal-400: #26A69A;$teal-50: #e0f2f1; $teal-100: #b2dfdb; $teal-200: #80cbc4; $teal-300: #4db6ac; $teal-400: #26a69a;$teal-500: #009688; $teal-600: #00897B;$teal-700: #00796B;$teal-800: #00695C;$teal-900: #004D40;$teal-a100: #A7FFEB;$teal-a200: #64FFDA;$teal-a400: #1DE9B6;$teal-a700: #00BFA5;$teal-600: #00897b; $teal-700: #00796b; $teal-800: #00695c; $teal-900: #004d40; $teal-a100: #a7ffeb; $teal-a200: #64ffda; $teal-a400: #1de9b6; $teal-a700: #00bfa5;// Green$green-50: #E8F5E9;$green-100: #C8E6C9;$green-200: #A5D6A7;$green-300: #81C784;$green-400: #66BB6A;$green-500: #4CAF50;$green-600: #43A047;$green-700: #388E3C;$green-800: #2E7D32;$green-900: #1B5E20;$green-a100: #B9F6CA;$green-a200: #69F0AE;$green-a400: #00E676;$green-a700: #00C853;$green-50: #e8f5e9; $green-100: #c8e6c9; $green-200: #a5d6a7; $green-300: #81c784; $green-400: #66bb6a; $green-500: #4caf50; $green-600: #43a047; $green-700: #388e3c; $green-800: #2e7d32; $green-900: #1b5e20; $green-a100: #b9f6ca; $green-a200: #69f0ae; $green-a400: #00e676; $green-a700: #00c853;// Light Green$light-green-50: #F1F8E9;$light-green-100: #DCEDC8;$light-green-200: #C5E1A5;$light-green-300: #AED581;$light-green-400: #9CCC65;$light-green-500: #8BC34A;$light-green-600: #7CB342;$light-green-700: #689F38;$light-green-800: #558B2F;$light-green-900: #33691E;$light-green-a100: #CCFF90;$light-green-a200: #B2FF59;$light-green-a400: #76FF03;$light-green-a700: #64DD17;$light-green-50: #f1f8e9; $light-green-100: #dcedc8; $light-green-200: #c5e1a5; $light-green-300: #aed581; $light-green-400: #9ccc65; $light-green-500: #8bc34a; $light-green-600: #7cb342; $light-green-700: #689f38; $light-green-800: #558b2f; $light-green-900: #33691e; $light-green-a100: #ccff90; $light-green-a200: #b2ff59; $light-green-a400: #76ff03; $light-green-a700: #64dd17;// Lime$lime-50: #F9FBE7;$lime-100: #F0F4C3;$lime-200: #E6EE9C;$lime-300: #DCE775;$lime-400: #D4E157;$lime-500: #CDDC39;$lime-600: #C0CA33;$lime-700: #AFB42B;$lime-800: #9E9D24;$lime-50: #f9fbe7; $lime-100: #f0f4c3; $lime-200: #e6ee9c; $lime-300: #dce775; $lime-400: #d4e157; $lime-500: #cddc39; $lime-600: #c0ca33; $lime-700: #afb42b; $lime-800: #9e9d24;$lime-900: #827717; $lime-a100: #F4FF81;$lime-a200: #EEFF41;$lime-a400: #C6FF00;$lime-a700: #AEEA00;$lime-a100: #f4ff81; $lime-a200: #eeff41; $lime-a400: #c6ff00; $lime-a700: #aeea00;// Yellow$yellow-50: #FFFDE7;$yellow-100: #FFF9C4;$yellow-200: #FFF59D;$yellow-300: #FFF176;$yellow-400: #FFEE58;$yellow-500: #FFEB3B;$yellow-600: #FDD835;$yellow-700: #FBC02D;$yellow-800: #F9A825;$yellow-900: #F57F17;$yellow-a100: #FFFF8D;$yellow-a200: #FFFF00;$yellow-a400: #FFEA00;$yellow-a700: #FFD600;$yellow-50: #fffde7; $yellow-100: #fff9c4; $yellow-200: #fff59d; $yellow-300: #fff176; $yellow-400: #ffee58; $yellow-500: #ffeb3b; $yellow-600: #fdd835; $yellow-700: #fbc02d; $yellow-800: #f9a825; $yellow-900: #f57f17; $yellow-a100: #ffff8d; $yellow-a200: #ff0; $yellow-a400: #ffea00; $yellow-a700: #ffd600;// Amber$amber-50: #FFF8E1;$amber-100: #FFECB3;$amber-200: #FFE082;$amber-300: #FFD54F;$amber-400: #FFCA28;$amber-500: #FFC107;$amber-600: #FFB300;$amber-700: #FFA000;$amber-800: #FF8F00;$amber-900: #FF6F00;$amber-a100: #FFE57F;$amber-a200: #FFD740;$amber-a400: #FFC400;$amber-a700: #FFAB00;$amber-50: #fff8e1; $amber-100: #ffecb3; $amber-200: #ffe082; $amber-300: #ffd54f; $amber-400: #ffca28; $amber-500: #ffc107; $amber-600: #ffb300; $amber-700: #ffa000; $amber-800: #ff8f00; $amber-900: #ff6f00; $amber-a100: #ffe57f; $amber-a200: #ffd740; $amber-a400: #ffc400; $amber-a700: #ffab00;// Orange$orange-50: #FFF3E0;$orange-100: #FFE0B2;$orange-200: #FFCC80;$orange-300: #FFB74D;$orange-400: #FFA726;$orange-500: #FF9800;$orange-600: #FB8C00;$orange-700: #F57C00;$orange-800: #EF6C00;$orange-900: #E65100;$orange-a100: #FFD180;$orange-a200: #FFAB40;$orange-a400: #FF9100;$orange-a700: #FF6D00;$orange-50: #fff3e0; $orange-100: #ffe0b2; $orange-200: #ffcc80; $orange-300: #ffb74d; $orange-400: #ffa726; $orange-500: #ff9800; $orange-600: #fb8c00; $orange-700: #f57c00; $orange-800: #ef6c00; $orange-900: #e65100; $orange-a100: #ffd180; $orange-a200: #ffab40; $orange-a400: #ff9100; $orange-a700: #ff6d00;// Deep Orange$deep-orange-50: #FBE9E7;$deep-orange-100: #FFCCBC;$deep-orange-200: #FFAB91;$deep-orange-300: #FF8A65;$deep-orange-400: #FF7043;$deep-orange-500: #FF5722;$deep-orange-600: #F4511E;$deep-orange-700: #E64A19;$deep-orange-800: #D84315;$deep-orange-900: #BF360C;$deep-orange-a100: #FF9E80;$deep-orange-a200: #FF6E40;$deep-orange-a400: #FF3D00;$deep-orange-a700: #DD2C00;$deep-orange-50: #fbe9e7; $deep-orange-100: #ffccbc; $deep-orange-200: #ffab91; $deep-orange-300: #ff8a65; $deep-orange-400: #ff7043; $deep-orange-500: #ff5722; $deep-orange-600: #f4511e; $deep-orange-700: #e64a19; $deep-orange-800: #d84315; $deep-orange-900: #bf360c; $deep-orange-a100: #ff9e80; $deep-orange-a200: #ff6e40; $deep-orange-a400: #ff3d00; $deep-orange-a700: #dd2c00;// Brown$brown-50: #EFEBE9;$brown-100: #D7CCC8;$brown-200: #BCAAA4;$brown-300: #A1887F;$brown-400: #8D6E63;$brown-50: #efebe9; $brown-100: #d7ccc8; $brown-200: #bcaaa4; $brown-300: #a1887f; $brown-400: #8d6e63;$brown-500: #795548; $brown-600: #6D4C41;$brown-700: #5D4037;$brown-800: #4E342E;$brown-900: #3E2723;$brown-600: #6d4c41; $brown-700: #5d4037; $brown-800: #4e342e; $brown-900: #3e2723;// Grey$grey-50: #FAFAFA;$grey-100: #F5F5F5;$grey-200: #EEEEEE;$grey-300: #E0E0E0;$grey-400: #BDBDBD;$grey-500: #9E9E9E;$grey-50: #fafafa; $grey-100: #f5f5f5; $grey-200: #eee; $grey-300: #e0e0e0; $grey-400: #bdbdbd; $grey-500: #9e9e9e;$grey-600: #757575; $grey-700: #616161; $grey-800: #424242; $grey-900: #212121; // Blue Grey$blue-grey-50: #ECEFF1;$blue-grey-100: #CFD8DC;$blue-grey-200: #B0BEC5;$blue-grey-300: #90A4AE;$blue-grey-400: #78909C;$blue-grey-500: #607D8B;$blue-grey-600: #546E7A;$blue-grey-700: #455A64;$blue-grey-800: #37474F;$blue-grey-50: #eceff1; $blue-grey-100: #cfd8dc; $blue-grey-200: #b0bec5; $blue-grey-300: #90a4ae; $blue-grey-400: #78909c; $blue-grey-500: #607d8b; $blue-grey-600: #546e7a; $blue-grey-700: #455a64; $blue-grey-800: #37474f;$blue-grey-900: #263238; // Black$black: #000000;// White$white: #FFFFFF;
src/_colors.scss
@@ -37,8 +37,8 @@
$on-colors: ( dark: ( primary: #1A73E8,error: #D93025,primary: #1a73e8, error: #d93025,text: rgba(black, .87), text2: rgba(black, .6), text-disabled: rgba(black, .38),
@@ -50,8 +50,8 @@ $on-colors: (
entry-fill: rgba(black, .04) ), light: ( primary: #8AB4F8,error: #F28B82,primary: #8ab4f8, error: #f28b82,text: white, text2: rgba(white, .7), text-disabled: rgba(white, .5),
@@ -93,16 +93,16 @@ $-dark-surface-switch: mix(white, $-dark-background, 60%);
$primary: if($variant == 'light', on(light, primary), on(dark, primary)); $background: if($variant == 'light', #F2F2F2, $-dark-background);$surface: if($variant == 'light', #FFFFFF, $-dark-surface-8dp);$switch-surface: if($variant == 'light', #FFFFFF, $-dark-surface-switch); // Special case for switches$background: if($variant == 'light', #f2f2f2, $-dark-background); $surface: if($variant == 'light', #ffffff, $-dark-surface-8dp); $switch-surface: if($variant == 'light', #ffffff, $-dark-surface-switch); // Special case for switches$base: if($variant == 'light', #FFFFFF, $-dark-surface-1dp); // semi-surface with 1dp elevation$base-alt: if($variant == 'light', #FAFAFA, $-dark-surface-1dp);$base: if($variant == 'light', #ffffff, $-dark-surface-1dp); // semi-surface with 1dp elevation $base-alt: if($variant == 'light', #fafafa, $-dark-surface-1dp);$error: if($variant == 'light', on(light, error), on(dark, error)); $warning: if($variant == 'light', #F4B400, #FDD633);$success: if($variant == 'light', #0F9D58, #81C995);$warning: if($variant == 'light', #f4b400, #fdd633); $success: if($variant == 'light', #0f9d58, #81c995);$visited: if($variant == 'light', $purple-500, $purple-200); $os-background: $-dark-background;
@@ -110,12 +110,12 @@ $tooltip: rgba(#616161, .9);
$scrim: rgba(black, .6); $scrim-alt: rgba(black, .3); $panel: if($topbar == 'dark', #1F1F1F, $scrim);$panel-solid: if($topbar == 'dark', #1F1F1F, #CCCCCC); // for Unity panel which doesn't allow translucent colors$panel: if($topbar == 'dark', #1f1f1f, $scrim); $panel-solid: if($topbar == 'dark', #1f1f1f, #cccccc); // for Unity panel which doesn't allow translucent colors$titlebar: if($topbar == 'dark', if($variant == 'light', #383838, $-dark-surface-4dp), #E0E0E0);$titlebar-backdrop: if($topbar == 'dark', if($variant == 'light', #303030, $-dark-surface-1dp), #D6D6D6);$titlebar-indicator: if($topbar == 'dark', currentColor, $primary);$titlebar: if($topbar == 'dark', if($variant == 'light', #383838, $-dark-surface-4dp), #e0e0e0); $titlebar-backdrop: if($topbar == 'dark', if($variant == 'light', #303030, $-dark-surface-1dp), #d6d6d6); $titlebar-indicator: if($topbar == 'dark', currentcolor, $primary);// // Overlay state colors
@@ -127,11 +127,11 @@ $overlay-active-opacity: .12;
$overlay-checked-opacity: .12; $overlay-selected-opacity: .24; $overlay-hover: gtkalpha(currentColor, .08);$overlay-focus: gtkalpha(currentColor, .08);$overlay-focus-hover: gtkalpha(currentColor, .16);$overlay-active: gtkalpha(currentColor, .12);$overlay-checked: gtkalpha(currentColor, .12);$overlay-hover: gtkalpha(currentcolor, .08); $overlay-focus: gtkalpha(currentcolor, .08); $overlay-focus-hover: gtkalpha(currentcolor, .16); $overlay-active: gtkalpha(currentcolor, .12); $overlay-checked: gtkalpha(currentcolor, .12);$overlay-selected: rgba($primary, .24); //