by roundabout, Friday, 4 March 2016, 16:50:57 (1457110257), pushed by roundabout, Sunday, 11 May 2025, 13:21:55 (1746969715)
Author identity: nana4 <hnmaigo@gmail.com>
343240077c029ee28aebf7072b54bd43e6b207e6
gnome-shell/_common.scss
@@ -32,12 +32,13 @@ $panel-corner-radius: 0;
}
/* GLOBALS */
$font-size: 11;
$font-family: "M+ 1c", Cantarell, Sans-Serif;
$root-font-size: 14px;
$font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif;
$large-font-family: Roboto, "M+ 1c", Cantarell, Sans-Serif;
stage {
font-family: $font-family;
@include fontsize($font-size);
@include font(body-1);
color: $fg_color;
}
@@ -48,7 +49,7 @@ stage {
border-radius: 2px;
border-width: 0;
padding: 7px 16px 8px;
font-weight: 500;
@include font(button);
@include button(flat-normal);
&:hover { @include button(flat-hover); }
&:active { @include button(flat-active); }
@@ -59,7 +60,7 @@ stage {
.modal-dialog-linked-button {
border-right-width: 0;
font-weight: 500;
@include font(button);
border-top: 1px solid $borders_color !important;
@include button(flat-normal);
&:hover { @include button(flat-hover); }
@@ -89,6 +90,7 @@ StEntry {
color: $fg_color;
selection-background-color: $selected_bg_color;
selected-color: $selected_fg_color;
@include font(subheading);
@include entry(normal);
//&:hover { @include entry(hover);}
&:focus { @include entry(focus);}
@@ -185,7 +187,7 @@ StScrollBar {
/* Modal Dialogs */
.headline { font-size: 110%; }
.headline { @include font(headline); }
.lightbox { background-color: black; }
.flashspot { background-color: white; }
@@ -205,7 +207,7 @@ StScrollBar {
}
.run-dialog-button-box { padding-top: 1em; }
.run-dialog-label {
font-size: 11pt;
font-size: 1em;
font-weight: normal;
color: $tertiary_fg_color;
padding-bottom: .4em;
@@ -216,7 +218,7 @@ StScrollBar {
.show-processes-dialog-subject,
.mount-question-dialog-subject,
.end-session-dialog-subject { //this should be a generic header class
@include fontsize($font-size * 1.3);
@include font(headline);
}
/* End Session Dialog */
@@ -294,7 +296,7 @@ StScrollBar {
.end-session-dialog-app-list-item-description {
color: $tertiary_fg_color;
font-size: 10pt;
font-size: 1em;
}
/* ShellMountOperation Dialogs */
@@ -358,7 +360,7 @@ StScrollBar {
}
.show-processes-dialog-app-list-item-name {
font-size: 10pt;
font-size: 1em;
}
@@ -380,8 +382,7 @@ StScrollBar {
}
.prompt-dialog-headline {
@include fontsize($font-size * 1.3);
font-weight: normal;
@include font(headline);
color: $fg_color;
}
@@ -395,13 +396,13 @@ StScrollBar {
}
.prompt-dialog-error-label {
font-size: 10pt;
font-size: 1em;
color: $error_color;
padding-bottom: 8px;
}
.prompt-dialog-info-label {
font-size: 10pt;
font-size: 1em;
padding-bottom: 8px;
}
@@ -410,7 +411,7 @@ StScrollBar {
}
.prompt-dialog-null-label {
font-size: 10pt;
font-size: 1em;
padding-bottom: 8px;
}
@@ -558,7 +559,7 @@ StScrollBar {
min-width: 64px;
min-height: 64px;
.osd-monitor-label { font-size: 3em; }
.osd-monitor-label { @include font(display-2); }
.level {
height: 0.6em;
border-radius: 4px;
@@ -619,7 +620,7 @@ StScrollBar {
}
.input-source-switcher-symbol {
font-size: 34pt;
@include font(display-2);
width: 96px;
height: 96px;
}
@@ -744,7 +745,7 @@ StScrollBar {
& > .system-status-icon { icon-shadow: none; }
}
.system-status-icon { icon-size: 1.09em; padding: 0 5px; }
.system-status-icon { @include px-to-em(16px); padding: 0 5px; }
.unlock-screen &,
.login-screen &,
.lock-screen & {
@@ -809,7 +810,7 @@ StScrollBar {
}
.datemenu-today-button .date-label {
font-size: 1.5em;
@include font(headline);
}
.world-clocks-header,
@@ -849,7 +850,7 @@ StScrollBar {
}
.calendar-day-base {
font-size: smaller;
@include font(caption);
text-align: center;
width: 32px; height: 32px;
padding: 0;
@@ -863,10 +864,10 @@ StScrollBar {
border-color: transparent; //avoid jumparound due to today
}
&.calendar-day-heading { //day of week heading
font-weight: bold;
color: $tertiary_fg_color;
margin-top: 1em;
font-size: smaller;
@include font(caption);
font-weight: bold;
}
&.calendar-week-number { //day of week heading
font-weight: bold;
@@ -897,8 +898,7 @@ StScrollBar {
background-image: none;
}
.calendar-other-month-day {
color: $tertiary_fg_color;
opacity: 0.5;
color: $insensitive_fg_color;
}
/* Message list */
@@ -969,13 +969,14 @@ StScrollBar {
}
.message-title {
font-weight: bold;
font-size: 1.1em;
color: $fg_color;
@include font(subheading);
}
.message-content {
padding: 8px;
font-size: .9em;
color: $secondary_fg_color;
@include font(body-1);
}
.message-content * > StIcon {
@@ -1053,7 +1054,7 @@ StScrollBar {
// not really top bar only
.popup-menu-arrow { width: 16px; height: 16px; }
.popup-menu-icon { icon-size: 1.09em; }
.popup-menu-icon { @include px-to-em(16px); }
//close buttons
@@ -1098,7 +1099,7 @@ StScrollBar {
.nm-dialog-header { font-weight: bold; }
.nm-dialog-item {
font-size: 110%;
@include font(subheading);
border-bottom: 1px solid $borders_color;
padding: 12px;
spacing: 20px;
@@ -1168,7 +1169,7 @@ StScrollBar {
color: $selected_fg_color;
}
.search-entry-icon { icon-size: 1.09em; padding: 0 2px; color: $tertiary_selected_fg_color; }
.search-entry-icon { icon-size: 16px; padding: 0 2px; color: $tertiary_selected_fg_color; }
&:hover, &:focus {
.search-entry-icon { color: $selected_fg_color; }
@@ -1203,7 +1204,7 @@ StScrollBar {
}
.list-search-result-content { spacing: 12px; padding: 12px; }
.list-search-result-title { font-size: 1.5em; color: $selected_fg_color; }
.list-search-result-title { @include font(headline); color: $selected_fg_color; }
.list-search-result-description { color: $secondary_selected_fg_color; }
.search-provider-icon { padding: 15px; }
.search-provider-icon-more {
@@ -1216,7 +1217,7 @@ StScrollBar {
/* DASHBOARD */
#dash {
font-size: 9pt;
font-size: 1em;
color: $selected_fg_color;
background-color: $overview_bg_color;
padding: 3px 0;
@@ -1531,8 +1532,7 @@ StScrollBar {
}
%status_text {
font-size: 2em;
font-weight: bold;
@include font(display-2);
color: $tertiary_selected_fg_color;
}
@@ -1564,7 +1564,7 @@ StScrollBar {
// Banners
.notification-banner {
font-size: 11pt;
font-size: 1em;
width: 34em;
margin: 5px;
border-radius: 2px;
@@ -1577,7 +1577,7 @@ StScrollBar {
.notification-icon { padding: 5px; }
.notification-content { padding: 5px; spacing: 5px; }
.secondary-icon { icon-size: 1.09em; }
.secondary-icon { @include px-to-em(16px); }
.notification-actions {
background-color: transparent;
padding-top: 0;
@@ -1596,7 +1596,7 @@ StScrollBar {
}
}
.summary-source-counter {
font-size: 10pt;
font-size: 1em;
font-weight: bold;
height: 1.6em; width: 1.6em;
-shell-counter-overlap-x: 3px;
@@ -1608,7 +1608,7 @@ StScrollBar {
border-radius: 0.9em; // should be 0.8 but whatever; wish I could do 50%;
}
.secondary-icon { icon-size: 1.09em; }
.secondary-icon { @include px-to-em(16px); }
//chat bubbles
.chat-body { spacing: 5px; }
@@ -1626,8 +1626,7 @@ StScrollBar {
}
.chat-meta-message {
padding-left: 4px;
font-size: 9pt;
font-weight: bold;
@include font(caption);
color: $tertiary_fg_color;
&:rtl { padding-left: 0; padding-right: 4px; }
}
@@ -1729,7 +1728,7 @@ $legacy_icon_size: 24px;
min-height: 2em;
min-width: 2em;
font-size: 2em;
font-weight: bold;
font-weight: 500;
border-radius: 2px;
border: none;
color: inherit;
@@ -1792,7 +1791,7 @@ $legacy_icon_size: 24px;
.candidate-page-button-previous { border-radius: 2px; border-right-width: 0; }
.candidate-page-button-next { border-radius: 2px; }
.candidate-page-button-icon { icon-size: 1.09em; }
.candidate-page-button-icon { @include px-to-em(16px); }
/* Auth Dialogs & Screen Shield */
@@ -1865,7 +1864,7 @@ $legacy_icon_size: 24px;
}
}
.login-dialog-not-listed-label {
font-size: 90%;
@include font(body-2);
font-weight: bold;
color: $secondary_selected_fg_color;
padding-top: 1em;
@@ -1902,8 +1901,7 @@ $legacy_icon_size: 24px;
.login-dialog-username,
.user-widget-label {
color: $selected_fg_color;
font-size: 120%;
font-weight: bold;
@include font(title);
text-align: left;
padding-left: 15px;
}
@@ -1958,12 +1956,11 @@ $legacy_icon_size: 24px;
}
.screen-shield-clock-time {
font-size: 112px;
font-weight: 300;
@include font(display-4);
text-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.screen-shield-clock-date { font-size: 45px; }
.screen-shield-clock-date { @include font(display-2); }
.screen-shield-notifications-container {
spacing: 6px;
@@ -2069,7 +2066,7 @@ $legacy_icon_size: 24px;
}
.lg-completions-text {
font-size: .9em;
font-size: 1em;
font-style: italic;
}
@@ -2098,8 +2095,7 @@ $legacy_icon_size: 24px;
}
.lg-extension-name {
font-weight: bold;
font-size: 1.5em;
@include font(headline);
}
.lg-extension-meta {
gnome-shell/_drawing.scss
@@ -2,10 +2,84 @@
// generic drawing of more complex things
// provide font size in rem, with px fallback
@mixin fontsize($size: 24, $base: 16) {
font-size: round($size) + pt;
//font-size: ($size / $base) * 1rem;
// provide font size in pt, with px fallback
@mixin px-to-pt($size: $root-font-size) {
font-size: ($size * 0.75 / 1px) * 1pt;
}
// provide icon size in em, with px fallback
@mixin px-to-em($size: 16px) {
icon-size: ($size / $root-font-size) * 1em;
}
// Typography
@mixin font($typo) {
@if $typo==display-4 {
// font-family: $large-font-family;
font-size: 112px;
font-weight: 300;
line-height: 1;
}
@if $typo==display-3 {
// font-family: $large-font-family;
font-size: 56px;
font-weight: 400;
line-height: 1;
}
@if $typo==display-2 {
// font-family: $large-font-family;
font-size: 45px;
font-weight: 400;
line-height: 48px;
}
@if $typo==display-1 {
// font-family: $large-font-family;
font-size: 34px;
font-weight: 400;
line-height: 40px;
}
@if $typo==headline {
// font-size: 24px;
@include px-to-pt(24px);
font-weight: 400;
line-height: 32px;
}
@if $typo==title {
// font-size: 20px;
@include px-to-pt(20px);
font-weight: 500;
line-height: 1;
}
@if $typo==subheading {
// font-size: 16px;
@include px-to-pt(16px);
font-weight: 400;
line-height: 24px;
}
@if $typo==body-2 {
// font-size: 14px;
@include px-to-pt($root-font-size);
font-weight: 500;
line-height: 24px;
}
@if $typo==body-1 {
// font-size: 14px;
@include px-to-pt($root-font-size);
font-weight: 400;
line-height: 24px;
}
@if $typo==caption {
// font-size: 12px;
@include px-to-pt(12px);
font-weight: 400;
line-height: 1;
}
@if $typo==button {
// font-size: 14px;
@include px-to-pt($root-font-size);
font-weight: 500;
line-height: 1;
}
}
// shadows
gnome-shell/gnome-shell-theme.gresource
gnome-shell/gnome-shell.css
@@ -23,8 +23,10 @@
/* GLOBALS */
stage {
font-family: "M+ 1c", Cantarell, Sans-Serif;
font-size: 11pt;
font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif;
font-size: 10.5pt;
font-weight: 400;
line-height: 24px;
color: rgba(0, 0, 0, 0.8); }
/* WIDGETS */
@@ -33,7 +35,9 @@ stage {
border-radius: 2px;
border-width: 0;
padding: 7px 16px 8px;
font-size: 10.5pt;
font-weight: 500;
line-height: 1;
color: rgba(0, 0, 0, 0.6);
background-color: transparent;
border-color: transparent;
@@ -69,7 +73,9 @@ stage {
.modal-dialog-linked-button {
border-right-width: 0;
font-size: 10.5pt;
font-weight: 500;
line-height: 1;
border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
color: rgba(0, 0, 0, 0.6);
background-color: transparent;
@@ -121,6 +127,9 @@ StEntry {
color: rgba(0, 0, 0, 0.8);
selection-background-color: #00BCD4;
selected-color: #FFFFFF;
font-size: 12pt;
font-weight: 400;
line-height: 24px;
background-color: rgba(0, 0, 0, 0.01);
border-color: transparent;
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.24); }
@@ -216,7 +225,9 @@ StScrollBar {
/* Modal Dialogs */
.headline {
font-size: 110%; }
font-size: 18pt;
font-weight: 400;
line-height: 32px; }
.lightbox {
background-color: black; }
@@ -241,7 +252,7 @@ StScrollBar {
.modal-dialog .run-dialog-button-box {
padding-top: 1em; }
.modal-dialog .run-dialog-label {
font-size: 11pt;
font-size: 1em;
font-weight: normal;
color: rgba(0, 0, 0, 0.48);
padding-bottom: .4em; }
@@ -249,7 +260,9 @@ StScrollBar {
.show-processes-dialog-subject,
.mount-question-dialog-subject,
.end-session-dialog-subject {
font-size: 14pt; }
font-size: 18pt;
font-weight: 400;
line-height: 32px; }
/* End Session Dialog */
.end-session-dialog {
@@ -313,7 +326,7 @@ StScrollBar {
.end-session-dialog-app-list-item-description {
color: rgba(0, 0, 0, 0.48);
font-size: 10pt; }
font-size: 1em; }
/* ShellMountOperation Dialogs */
.shell-mount-operation-icon {
@@ -371,7 +384,7 @@ StScrollBar {
padding-left: 17px; }
.show-processes-dialog-app-list-item-name {
font-size: 10pt; }
font-size: 1em; }
/* Password or Authentication Dialog */
.prompt-dialog {
@@ -386,8 +399,9 @@ StScrollBar {
spacing: 16px; }
.prompt-dialog-headline {
font-size: 14pt;
font-weight: normal;
font-size: 18pt;
font-weight: 400;
line-height: 32px;
color: rgba(0, 0, 0, 0.8); }
.prompt-dialog-description:rtl {
@@ -398,19 +412,19 @@ StScrollBar {
padding-bottom: 1em; }
.prompt-dialog-error-label {
font-size: 10pt;
font-size: 1em;
color: #DD2C00;
padding-bottom: 8px; }
.prompt-dialog-info-label {
font-size: 10pt;
font-size: 1em;
padding-bottom: 8px; }
.hidden {
color: transparent; }
.prompt-dialog-null-label {
font-size: 10pt;
font-size: 1em;
padding-bottom: 8px; }
/* Polkit Dialog */
@@ -530,7 +544,9 @@ StScrollBar {
min-width: 64px;
min-height: 64px; }
.osd-window .osd-monitor-label {
font-size: 3em; }
font-size: 45px;
font-weight: 400;
line-height: 48px; }
.osd-window .level {
height: 0.6em;
border-radius: 4px;
@@ -575,7 +591,9 @@ StScrollBar {
color: rgba(0, 0, 0, 0.8); }
.input-source-switcher-symbol {
font-size: 34pt;
font-size: 45px;
font-weight: 400;
line-height: 48px;
width: 96px;
height: 96px; }
@@ -666,7 +684,7 @@ StScrollBar {
#panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon {
icon-shadow: none; }
#panel .panel-button .system-status-icon {
icon-size: 1.09em;
icon-size: 1.14286em;
padding: 0 5px; }
.unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button {
color: rgba(255, 255, 255, 0.75); }
@@ -722,7 +740,9 @@ StScrollBar {
background-color: rgba(0, 0, 0, 0.24); }
.datemenu-today-button .date-label {
font-size: 1.5em; }
font-size: 18pt;
font-weight: 400;
line-height: 32px; }
.world-clocks-header,
.message-list-section-title {
@@ -759,7 +779,9 @@ StScrollBar {
background-image: url("assets/calendar-arrow-left.svg"); }
.calendar-day-base {
font-size: smaller;
font-size: 9pt;
font-weight: 400;
line-height: 1;
text-align: center;
width: 32px;
height: 32px;
@@ -773,10 +795,12 @@ StScrollBar {
background-color: #00BCD4;
border-color: transparent; }
.calendar-day-base.calendar-day-heading {
font-weight: bold;
color: rgba(0, 0, 0, 0.48);
margin-top: 1em;
font-size: smaller; }
font-size: 9pt;
font-weight: 400;
line-height: 1;
font-weight: bold; }
.calendar-day-base.calendar-week-number {
font-weight: bold;
color: rgba(0, 0, 0, 0.48); }
@@ -804,8 +828,7 @@ StScrollBar {
background-image: none; }
.calendar-other-month-day {
color: rgba(0, 0, 0, 0.48);
opacity: 0.5; }
color: rgba(0, 0, 0, 0.32); }
/* Message list */
.message-list {
@@ -866,12 +889,17 @@ StScrollBar {
icon-size: 16px; }
.message-title {
font-weight: bold;
font-size: 1.1em; }
color: rgba(0, 0, 0, 0.8);
font-size: 12pt;
font-weight: 400;
line-height: 24px; }
.message-content {
padding: 8px;
font-size: .9em; }
color: rgba(0, 0, 0, 0.6);
font-size: 10.5pt;
font-weight: 400;
line-height: 24px; }
.message-content * > StIcon {
icon-size: 16px;
@@ -940,7 +968,7 @@ StScrollBar {
height: 16px; }
.popup-menu-icon {
icon-size: 1.09em; }
icon-size: 1.14286em; }
.window-close {
height: 32px;
@@ -993,7 +1021,9 @@ StScrollBar {
font-weight: bold; }
.nm-dialog-item {
font-size: 110%;
font-size: 12pt;
font-weight: 400;
line-height: 24px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding: 12px;
spacing: 20px; }
@@ -1063,7 +1093,7 @@ StScrollBar {
border-width: 0;
color: #FFFFFF; }
.search-entry .search-entry-icon {
icon-size: 1.09em;
icon-size: 16px;
padding: 0 2px;
color: rgba(255, 255, 255, 0.6); }
.search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon {
@@ -1098,7 +1128,9 @@ StScrollBar {
padding: 12px; }
.list-search-result-title {
font-size: 1.5em;
font-size: 18pt;
font-weight: 400;
line-height: 32px;
color: #FFFFFF; }
.list-search-result-description {
@@ -1114,7 +1146,7 @@ StScrollBar {
/* DASHBOARD */
#dash {
font-size: 9pt;
font-size: 1em;
color: #FFFFFF;
background-color: rgba(255, 255, 255, 0.1);
padding: 3px 0;
@@ -1465,8 +1497,9 @@ StScrollBar {
border: none; }
.search-statustext, .no-frequent-applications-label {
font-size: 2em;
font-weight: bold;
font-size: 45px;
font-weight: 400;
line-height: 48px;
color: rgba(255, 255, 255, 0.6); }
/* Add Dash to Dock Support */
@@ -1490,7 +1523,7 @@ StScrollBar {
link-color: #00BCD4; }
.notification-banner {
font-size: 11pt;
font-size: 1em;
width: 34em;
margin: 5px;
border-radius: 2px;
@@ -1508,7 +1541,7 @@ StScrollBar {
padding: 5px;
spacing: 5px; }
.notification-banner .secondary-icon {
icon-size: 1.09em; }
icon-size: 1.14286em; }
.notification-banner .notification-actions {
background-color: transparent;
padding-top: 0;
@@ -1531,7 +1564,7 @@ StScrollBar {
color: rgba(0, 0, 0, 0.8); }
.summary-source-counter {
font-size: 10pt;
font-size: 1em;
font-weight: bold;
height: 1.6em;
width: 1.6em;
@@ -1544,7 +1577,7 @@ StScrollBar {
border-radius: 0.9em; }
.secondary-icon {
icon-size: 1.09em; }
icon-size: 1.14286em; }
.chat-body {
spacing: 5px; }
@@ -1574,7 +1607,8 @@ StScrollBar {
.chat-meta-message {
padding-left: 4px;
font-size: 9pt;
font-weight: bold;
font-weight: 400;
line-height: 1;
color: rgba(0, 0, 0, 0.48); }
.chat-meta-message:rtl {
padding-left: 0;
@@ -1677,7 +1711,7 @@ StScrollBar {
min-height: 2em;
min-width: 2em;
font-size: 2em;
font-weight: bold;
font-weight: 500;
border-radius: 2px;
border: none;
color: inherit;
@@ -1765,7 +1799,7 @@ StScrollBar {
border-radius: 2px; }
.candidate-page-button-icon {
icon-size: 1.09em; }
icon-size: 1.14286em; }
/* Auth Dialogs & Screen Shield */
.framed-user-icon {
@@ -1883,7 +1917,9 @@ StScrollBar {
color: #FFFFFF; }
.login-dialog-not-listed-label {
font-size: 90%;
font-size: 10.5pt;
font-weight: 500;
line-height: 24px;
font-weight: bold;
color: rgba(255, 255, 255, 0.75);
padding-top: 1em; }
@@ -1935,8 +1971,9 @@ StScrollBar {
.login-dialog-username,
.user-widget-label {
color: #FFFFFF;
font-size: 120%;
font-weight: bold;
font-size: 15pt;
font-weight: 500;
line-height: 1;
text-align: left;
padding-left: 15px; }
@@ -1986,10 +2023,13 @@ StScrollBar {
.screen-shield-clock-time {
font-size: 112px;
font-weight: 300;
line-height: 1;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
.screen-shield-clock-date {
font-size: 45px; }
font-size: 45px;
font-weight: 400;
line-height: 48px; }
.screen-shield-notifications-container {
spacing: 6px;
@@ -2083,7 +2123,7 @@ StScrollBar {
color: #00BCD4; }
.lg-completions-text {
font-size: .9em;
font-size: 1em;
font-style: italic; }
.lg-obj-inspector-title {
@@ -2109,8 +2149,9 @@ StScrollBar {
padding: 4px; }
.lg-extension-name {
font-weight: bold;
font-size: 1.5em; }
font-size: 18pt;
font-weight: 400;
line-height: 32px; }
.lg-extension-meta {
spacing: 6px; }