by roundabout, Wednesday, 10 July 2019, 16:24:51 (1562775891), pushed by roundabout, Sunday, 11 May 2025, 13:22:40 (1746969760)
Author identity: nana-4 <hnmaigo@gmail.com>
f1df1def384de122587744d80136a5167b8d3eb6
src/_sass/_color-palette.scss
@@ -1,5 +1,5 @@
// based color palette:
// https://material.io/guidelines/style/color.html#color-color-palette
// Based on 2014 Material Design color palettes:
// https://material.io/design/color/#tools-for-picking-colors
// Red
$red-50: #FFEBEE;
src/_sass/_variables.scss
@@ -1,7 +1,10 @@
$asset-suffix: if($variant == 'dark', '-dark', '');
$background-clip-extra: if($variant == 'light', padding-box, border-box);
// sizes
//
// Sizes
//
$container-padding: if($compact == 'false', 6px, 4px);
$small-size: if($compact == 'false', 24px, 24px);
@@ -11,32 +14,48 @@ $large-size: if($compact == 'false', 48px, 40px);
$bar-size: 4px;
$menuitem-size: 28px;
// radii
//
// Radii
//
$corner-radius: 4px;
$circular-radius: 9999px;
// durations
//
// Durations
//
$duration: 75ms;
$ripple-fade-in-duration: 225ms;
$ripple-fade-out-duration: 300ms;
$ripple-fade-out-opacity-duration: 1200ms;
// timing functions
//
// Timing functions
//
$ease: cubic-bezier(0.4, 0.0, 0.2, 1);
$ease-out: cubic-bezier(0.0, 0.0, 0.2, 1);
$ease-in: cubic-bezier(0.4, 0.0, 1, 1);
$ease-in-out: cubic-bezier(0.4, 0.0, 0.6, 1);
// transition shorthands
//
// Transition shorthands
//
$transition: all $duration $ease-out;
$transition-shadow: box-shadow $duration $ease-out;
// shadows
//
// Shadows
//
// based shadow values:
// https://material-design.storage.googleapis.com/images/layout-principles-dimensionality-shadows-08_large_mdpi.png
// box-shadow 1px blur doesn't draw correctly, see
// NOTE: box-shadow 1px blur doesn't work properly, see
// https://gitlab.gnome.org/GNOME/gtk/issues/511
// $shadow-1: 0 1px 1.5px rgba(black, 0.12), 0 1px 1px rgba(black, 0.24);
$shadow-1: 0 1px 1px rgba(black, 0.12), 0 1px 2px rgba(black, 0.24);
$shadow-2: 0 3px 3px rgba(black, 0.16), 0 3px 3px rgba(black, 0.23);
src/_sass/gnome-shell/_variables.scss
@@ -1,36 +1,50 @@
// font families
//
// Font families
//
$font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif;
$font-family-large: Roboto, "M+ 1c", Cantarell, Sans-Serif;
// font sizes
//
// Font sizes
//
$font-size: if($compact == 'false', 14px, 14px);
$font-size-subheading: if($compact == 'false', 16px, 15px);
// Override sizes
$menuitem-size: if($compact == 'false', 32px, 28px);
//
// durations
$duration-panel: 250ms;
$menuitem-size: if($compact == 'false', 32px, 28px);
// Override durations; since St does not support transition-timing-function
//
$duration: 100ms;
$duration-ripple: 200ms;
$duration-panel: 250ms;
// shadows
//
// Override shadows
//
// This should be none, but it's creating some issues with borders, so to
// workaround it for now, use inset wich goes through a different code path.
// see https://bugzilla.gnome.org/show_bug.cgi?id=752934
$shadow-0: 0 0 transparent;
// Override shadows
$shadow-1: 0 1px 1.5px rgba(black, 0.12), 0 1px 1px rgba(black, 0.24);
$shadow-2: 0 3px 3px rgba(black, 0.16 * 1.5), 0 3px 3px rgba(black, 0.23 * 1.5);
$shadow-3: 0 10px 10px rgba(black, 0.19 * 1.5), 0 6px 3px rgba(black, 0.23 * 1.5);
$shadow-4: 0 14px 14px rgba(black, 0.25 * 2), 0 10px 5px rgba(black, 0.22 * 2);
$shadow-5: 0 19px 19px rgba(black, 0.30 * 2), 0 15px 6px rgba(black, 0.22 * 2);
// Override overlay colors; since St does not support alpha() function
//
// Override overlay colors; since St does not support GTK-specific alpha() function
//
$overlay-hover: rgba($text, 0.08);
$overlay-focus: rgba($text, 0.12);
$overlay-focus-hover: rgba($text, 0.16);