mirror of
https://github.com/vinceliuice/Colloid-gtk-theme.git
synced 2026-07-06 15:00:20 -07:00
+11
@@ -1 +1,12 @@
|
||||
*-temp.scss
|
||||
src/main/cinnamon/cinnamon-light.css
|
||||
src/main/cinnamon/cinnamon-dark.css
|
||||
src/main/gnome-shell/gnome-shell-dark.css
|
||||
src/main/gnome-shell/gnome-shell-light.css
|
||||
src/main/gnome-shell/gnome-shell.css
|
||||
src/main/gtk-3.0/gtk-dark.css
|
||||
src/main/gtk-3.0/gtk.css
|
||||
src/main/gtk-4.0/gtk-light.css
|
||||
src/main/gtk-4.0/gtk.css
|
||||
src/main/gtk-4.0/gtk-dark.css
|
||||
src/main/gtk-3.0/gtk-light.css
|
||||
|
||||
@@ -28,16 +28,15 @@ if [ ! -z "${COLOR_VARIANTS:-}" ]; then
|
||||
fi
|
||||
|
||||
cp -rf src/sass/_tweaks.scss src/sass/_tweaks-temp.scss
|
||||
cp -rf src/sass/gnome-shell/_common.scss src/sass/gnome-shell/_common-temp.scss
|
||||
|
||||
for color in "${_COLOR_VARIANTS[@]}"; do
|
||||
sassc $SASSC_OPT src/main/gtk-3.0/gtk${color}.{scss,css}
|
||||
echo "==> Generating the 3.0 gtk${color}.css..."
|
||||
sassc $SASSC_OPT src/main/gtk-4.0/gtk${color}.{scss,css}
|
||||
echo "==> Generating the 4.0 gtk${color}.css..."
|
||||
sassc $SASSC_OPT src/main/gnome-shell/shell-3-28/gnome-shell${color}.{scss,css}
|
||||
echo "==> Generating the 3.28 gnome-shell${color}.css..."
|
||||
sassc $SASSC_OPT src/main/gnome-shell/shell-40-0/gnome-shell${color}.{scss,css}
|
||||
echo "==> Generating the 40.0 gnome-shell${color}.css..."
|
||||
sassc $SASSC_OPT src/main/gnome-shell/gnome-shell${color}.{scss,css}
|
||||
echo "==> Generating the gnome-shell${color}.css..."
|
||||
sassc $SASSC_OPT src/main/cinnamon/cinnamon${color}.{scss,css}
|
||||
echo "==> Generating the cinnamon${color}.css..."
|
||||
done
|
||||
|
||||
+32
-47
@@ -29,14 +29,19 @@ SIZE_VARIANTS=('' '-compact')
|
||||
|
||||
if [[ "$(command -v gnome-shell)" ]]; then
|
||||
SHELL_VERSION="$(gnome-shell --version | cut -d ' ' -f 3 | cut -d . -f -1)"
|
||||
if [[ "${SHELL_VERSION:-}" -ge "40" ]]; then
|
||||
GS_VERSION="new"
|
||||
if [[ "${SHELL_VERSION:-}" -ge "42" ]]; then
|
||||
GS_VERSION="42"
|
||||
echo "gnome-shell 42"
|
||||
elif [[ "${SHELL_VERSION:-}" -ge "40" ]]; then
|
||||
GS_VERSION="40"
|
||||
echo "gnome-shell 40"
|
||||
else
|
||||
GS_VERSION="old"
|
||||
GS_VERSION="38"
|
||||
echo "gnome-shell 38"
|
||||
fi
|
||||
else
|
||||
echo "'gnome-shell' not found, using styles for last gnome-shell version available."
|
||||
GS_VERSION="new"
|
||||
GS_VERSION="42"
|
||||
fi
|
||||
|
||||
usage() {
|
||||
@@ -102,20 +107,7 @@ install() {
|
||||
|
||||
mkdir -p "${THEME_DIR}/gnome-shell"
|
||||
cp -r "${SRC_DIR}/main/gnome-shell/pad-osd.css" "${THEME_DIR}/gnome-shell"
|
||||
|
||||
if [[ "$tweaks" == 'true' ]]; then
|
||||
if [[ "${GS_VERSION:-}" == 'new' ]]; then
|
||||
sassc $SASSC_OPT "${SRC_DIR}/main/gnome-shell/shell-40-0/gnome-shell${color}.scss" "${THEME_DIR}/gnome-shell/gnome-shell.css"
|
||||
else
|
||||
sassc $SASSC_OPT "${SRC_DIR}/main/gnome-shell/shell-3-28/gnome-shell${color}.scss" "${THEME_DIR}/gnome-shell/gnome-shell.css"
|
||||
fi
|
||||
else
|
||||
if [[ "${GS_VERSION:-}" == 'new' ]]; then
|
||||
cp -r "${SRC_DIR}/main/gnome-shell/shell-40-0/gnome-shell${color}.css" "${THEME_DIR}/gnome-shell/gnome-shell.css"
|
||||
else
|
||||
cp -r "${SRC_DIR}/main/gnome-shell/shell-3-28/gnome-shell${color}.css" "${THEME_DIR}/gnome-shell/gnome-shell.css"
|
||||
fi
|
||||
fi
|
||||
sassc $SASSC_OPT "${SRC_DIR}/main/gnome-shell/gnome-shell${color}.scss" "${THEME_DIR}/gnome-shell/gnome-shell.css"
|
||||
|
||||
cp -r "${SRC_DIR}/assets/gnome-shell/common-assets" "${THEME_DIR}/gnome-shell/assets"
|
||||
cp -r "${SRC_DIR}/assets/gnome-shell/assets${ELSE_DARK:-}/"*.svg "${THEME_DIR}/gnome-shell/assets"
|
||||
@@ -136,39 +128,28 @@ install() {
|
||||
cp -r "${SRC_DIR}/assets/gtk/assets${theme}${ctype}" "${THEME_DIR}/gtk-3.0/assets"
|
||||
cp -r "${SRC_DIR}/assets/gtk/scalable" "${THEME_DIR}/gtk-3.0/assets"
|
||||
cp -r "${SRC_DIR}/assets/gtk/thumbnails/thumbnail${theme}${ctype}${ELSE_DARK:-}.png" "${THEME_DIR}/gtk-3.0/thumbnail.png"
|
||||
|
||||
if [[ "$tweaks" == 'true' ]]; then
|
||||
sassc $SASSC_OPT "${SRC_DIR}/main/gtk-3.0/gtk${color}.scss" "${THEME_DIR}/gtk-3.0/gtk.css"
|
||||
sassc $SASSC_OPT "${SRC_DIR}/main/gtk-3.0/gtk-dark.scss" "${THEME_DIR}/gtk-3.0/gtk-dark.css"
|
||||
else
|
||||
cp -r "${SRC_DIR}/main/gtk-3.0/gtk${color}.css" "${THEME_DIR}/gtk-3.0/gtk.css"
|
||||
cp -r "${SRC_DIR}/main/gtk-3.0/gtk-dark.css" "${THEME_DIR}/gtk-3.0"
|
||||
fi
|
||||
sassc $SASSC_OPT "${SRC_DIR}/main/gtk-3.0/gtk${color}.scss" "${THEME_DIR}/gtk-3.0/gtk.css"
|
||||
sassc $SASSC_OPT "${SRC_DIR}/main/gtk-3.0/gtk-dark.scss" "${THEME_DIR}/gtk-3.0/gtk-dark.css"
|
||||
|
||||
mkdir -p "${THEME_DIR}/gtk-4.0"
|
||||
cp -r "${SRC_DIR}/assets/gtk/assets${theme}${ctype}" "${THEME_DIR}/gtk-4.0/assets"
|
||||
cp -r "${SRC_DIR}/assets/gtk/scalable" "${THEME_DIR}/gtk-4.0/assets"
|
||||
cp -r "${SRC_DIR}/assets/gtk/thumbnails/thumbnail${theme}${ctype}${ELSE_DARK:-}.png" "${THEME_DIR}/gtk-4.0/thumbnail.png"
|
||||
sassc $SASSC_OPT "${SRC_DIR}/main/gtk-4.0/gtk${color}.scss" "${THEME_DIR}/gtk-4.0/gtk.css"
|
||||
sassc $SASSC_OPT "${SRC_DIR}/main/gtk-4.0/gtk-dark.scss" "${THEME_DIR}/gtk-4.0/gtk-dark.css"
|
||||
|
||||
if [[ "$tweaks" == 'true' ]]; then
|
||||
sassc $SASSC_OPT "${SRC_DIR}/main/gtk-4.0/gtk${color}.scss" "${THEME_DIR}/gtk-4.0/gtk.css"
|
||||
sassc $SASSC_OPT "${SRC_DIR}/main/gtk-4.0/gtk-dark.scss" "${THEME_DIR}/gtk-4.0/gtk-dark.css"
|
||||
else
|
||||
cp -r "${SRC_DIR}/main/gtk-4.0/gtk${color}.css" "${THEME_DIR}/gtk-4.0/gtk.css"
|
||||
cp -r "${SRC_DIR}/main/gtk-4.0/gtk-dark.css" "${THEME_DIR}/gtk-4.0"
|
||||
fi
|
||||
# link gtk4.0 for libadwaita
|
||||
mkdir -p "${HOME}/.config/gtk-4.0"
|
||||
rm -rf "${HOME}/.config/gtk-4.0/"{assets,gtk.css,gtk-dark.css}
|
||||
ln -sf "${THEME_DIR}/gtk-4.0/assets" "${HOME}/.config/gtk-4.0/assets"
|
||||
ln -sf "${THEME_DIR}/gtk-4.0/gtk.css" "${HOME}/.config/gtk-4.0/gtk.css"
|
||||
ln -sf "${THEME_DIR}/gtk-4.0/gtk-dark.css" "${HOME}/.config/gtk-4.0/gtk-dark.css"
|
||||
|
||||
mkdir -p "${THEME_DIR}/cinnamon"
|
||||
cp -r "${SRC_DIR}/assets/cinnamon/common-assets" "${THEME_DIR}/cinnamon/assets"
|
||||
cp -r "${SRC_DIR}/assets/cinnamon/assets${ELSE_DARK:-}/"*'.svg' "${THEME_DIR}/cinnamon/assets"
|
||||
cp -r "${SRC_DIR}/assets/cinnamon/theme${theme}${ctype}/"*'.svg' "${THEME_DIR}/cinnamon/assets"
|
||||
|
||||
if [[ "$tweaks" == 'true' ]]; then
|
||||
sassc $SASSC_OPT "${SRC_DIR}/main/cinnamon/cinnamon${color}.scss" "${THEME_DIR}/cinnamon/cinnamon.css"
|
||||
else
|
||||
cp -r "${SRC_DIR}/main/cinnamon/cinnamon${color}.css" "${THEME_DIR}/cinnamon/cinnamon.css"
|
||||
fi
|
||||
|
||||
sassc $SASSC_OPT "${SRC_DIR}/main/cinnamon/cinnamon${color}.scss" "${THEME_DIR}/cinnamon/cinnamon.css"
|
||||
cp -r "${SRC_DIR}/assets/cinnamon/thumbnails/thumbnail${theme}${ctype}${color}.png" "${THEME_DIR}/cinnamon/thumbnail.png"
|
||||
|
||||
mkdir -p "${THEME_DIR}/metacity-1"
|
||||
@@ -412,7 +393,8 @@ install_package() {
|
||||
fi
|
||||
}
|
||||
|
||||
tweaks_temp() {
|
||||
sass_temp() {
|
||||
cp -rf ${SRC_DIR}/sass/gnome-shell/_common.scss ${SRC_DIR}/sass/gnome-shell/_common-temp.scss
|
||||
cp -rf ${SRC_DIR}/sass/_tweaks.scss ${SRC_DIR}/sass/_tweaks-temp.scss
|
||||
}
|
||||
|
||||
@@ -442,6 +424,14 @@ normal_winbutton() {
|
||||
sed -i "/\$window_button:/s/mac/normal/" ${SRC_DIR}/sass/_tweaks-temp.scss
|
||||
}
|
||||
|
||||
gnome_shell_version() {
|
||||
sed -i "/\widgets/s/40/${GS_VERSION}/" ${SRC_DIR}/sass/gnome-shell/_common-temp.scss
|
||||
|
||||
if [[ "${GS_VERSION}" == '38' ]]; then
|
||||
sed -i "/\extensions/s/40-0/3-28/" ${SRC_DIR}/sass/gnome-shell/_common-temp.scss
|
||||
fi
|
||||
}
|
||||
|
||||
theme_color() {
|
||||
if [[ "$theme" != '' ]]; then
|
||||
case "$theme" in
|
||||
@@ -475,11 +465,6 @@ theme_color() {
|
||||
}
|
||||
|
||||
theme_tweaks() {
|
||||
if [[ "$accent" == 'true' || "$compact" == 'true' || "$nord" == 'true' || "$dracula" == 'true' || "$rimless" == 'true' || "$blackness" == 'true' || "$normal" == 'true' ]]; then
|
||||
tweaks='true'
|
||||
install_package; tweaks_temp
|
||||
fi
|
||||
|
||||
if [[ "$accent" = "true" ]] ; then
|
||||
theme_color
|
||||
fi
|
||||
@@ -524,7 +509,7 @@ install_theme() {
|
||||
fi
|
||||
}
|
||||
|
||||
install_theme
|
||||
install_package && sass_temp && gnome_shell_version && install_theme
|
||||
|
||||
echo
|
||||
echo Done.
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,7 @@
|
||||
$variant: 'dark';
|
||||
$topbar: 'dark';
|
||||
|
||||
@import '../../sass/colors';
|
||||
@import '../../sass/gnome-shell/variables';
|
||||
@import '../../sass/gnome-shell/drawing';
|
||||
@import '../../sass/gnome-shell/common-temp';
|
||||
@@ -0,0 +1,7 @@
|
||||
$variant: 'light';
|
||||
$topbar: 'light';
|
||||
|
||||
@import '../../sass/colors';
|
||||
@import '../../sass/gnome-shell/variables';
|
||||
@import '../../sass/gnome-shell/drawing';
|
||||
@import '../../sass/gnome-shell/common-temp';
|
||||
@@ -0,0 +1,7 @@
|
||||
$variant: 'light';
|
||||
$topbar: 'dark';
|
||||
|
||||
@import '../../sass/colors';
|
||||
@import '../../sass/gnome-shell/variables';
|
||||
@import '../../sass/gnome-shell/drawing';
|
||||
@import '../../sass/gnome-shell/common-temp';
|
||||
File diff suppressed because it is too large
Load Diff
@@ -1,9 +0,0 @@
|
||||
$variant: 'dark';
|
||||
$topbar: 'dark';
|
||||
|
||||
@import '../../../sass/colors';
|
||||
@import '../../../sass/gnome-shell/variables';
|
||||
@import '../../../sass/gnome-shell/drawing';
|
||||
@import '../../../sass/gnome-shell/common';
|
||||
@import '../../../sass/gnome-shell/widgets-3-28';
|
||||
@import '../../../sass/gnome-shell/extensions-3-28';
|
||||
File diff suppressed because it is too large
Load Diff
@@ -1,9 +0,0 @@
|
||||
$variant: 'light';
|
||||
$topbar: 'light';
|
||||
|
||||
@import '../../../sass/colors';
|
||||
@import '../../../sass/gnome-shell/variables';
|
||||
@import '../../../sass/gnome-shell/drawing';
|
||||
@import '../../../sass/gnome-shell/common';
|
||||
@import '../../../sass/gnome-shell/widgets-3-28';
|
||||
@import '../../../sass/gnome-shell/extensions-3-28';
|
||||
File diff suppressed because it is too large
Load Diff
@@ -1,9 +0,0 @@
|
||||
$variant: 'light';
|
||||
$topbar: 'dark';
|
||||
|
||||
@import '../../../sass/colors';
|
||||
@import '../../../sass/gnome-shell/variables';
|
||||
@import '../../../sass/gnome-shell/drawing';
|
||||
@import '../../../sass/gnome-shell/common';
|
||||
@import '../../../sass/gnome-shell/widgets-3-28';
|
||||
@import '../../../sass/gnome-shell/extensions-3-28';
|
||||
File diff suppressed because it is too large
Load Diff
@@ -1,9 +0,0 @@
|
||||
$variant: 'dark';
|
||||
$topbar: 'dark';
|
||||
|
||||
@import '../../../sass/colors';
|
||||
@import '../../../sass/gnome-shell/variables';
|
||||
@import '../../../sass/gnome-shell/drawing';
|
||||
@import '../../../sass/gnome-shell/common';
|
||||
@import '../../../sass/gnome-shell/widgets-40-0';
|
||||
@import '../../../sass/gnome-shell/extensions-40-0';
|
||||
File diff suppressed because it is too large
Load Diff
@@ -1,9 +0,0 @@
|
||||
$variant: 'light';
|
||||
$topbar: 'light';
|
||||
|
||||
@import '../../../sass/colors';
|
||||
@import '../../../sass/gnome-shell/variables';
|
||||
@import '../../../sass/gnome-shell/drawing';
|
||||
@import '../../../sass/gnome-shell/common';
|
||||
@import '../../../sass/gnome-shell/widgets-40-0';
|
||||
@import '../../../sass/gnome-shell/extensions-40-0';
|
||||
File diff suppressed because it is too large
Load Diff
@@ -1,9 +0,0 @@
|
||||
$variant: 'light';
|
||||
$topbar: 'dark';
|
||||
|
||||
@import '../../../sass/colors';
|
||||
@import '../../../sass/gnome-shell/variables';
|
||||
@import '../../../sass/gnome-shell/drawing';
|
||||
@import '../../../sass/gnome-shell/common';
|
||||
@import '../../../sass/gnome-shell/widgets-40-0';
|
||||
@import '../../../sass/gnome-shell/extensions-40-0';
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -28,3 +28,6 @@ stage {
|
||||
@include fontsize($font_size);
|
||||
color: $text;
|
||||
}
|
||||
|
||||
@import 'widgets-40-0';
|
||||
@import 'extensions-40-0';
|
||||
|
||||
@@ -33,8 +33,11 @@
|
||||
@import 'widgets-3-28/app-grid';
|
||||
@import 'widgets-3-28/dash';
|
||||
@import 'widgets-3-28/login-dialog';
|
||||
@import 'widgets-3-28/message-list';
|
||||
@import 'widgets-3-28/other';
|
||||
@import 'widgets-3-28/overview';
|
||||
@import 'widgets-3-28/osd';
|
||||
@import 'widgets-3-28/panel';
|
||||
@import 'widgets-3-28/popovers';
|
||||
@import 'widgets-3-28/window-picker';
|
||||
@import 'widgets-3-28/workspace-thumbnails';
|
||||
|
||||
@@ -33,8 +33,11 @@
|
||||
@import 'widgets-40-0/app-grid';
|
||||
@import 'widgets-40-0/dash';
|
||||
@import 'widgets-40-0/misc';
|
||||
@import 'widgets-40-0/message-list';
|
||||
@import 'widgets-40-0/overview';
|
||||
@import 'widgets-40-0/osd';
|
||||
@import 'widgets-40-0/panel';
|
||||
@import 'widgets-40-0/popovers';
|
||||
@import 'widgets-40-0/search-entry';
|
||||
@import 'widgets-40-0/window-picker';
|
||||
@import 'widgets-40-0/workspace-thumbnails';
|
||||
|
||||
@@ -0,0 +1,43 @@
|
||||
@import 'common/a11y';
|
||||
@import 'common/app-grid';
|
||||
@import 'common/base';
|
||||
@import 'common/buttons';
|
||||
@import 'common/calendar';
|
||||
@import 'common/check-box';
|
||||
@import 'common/corner-ripple';
|
||||
@import 'common/dash';
|
||||
@import 'common/dialogs';
|
||||
@import 'common/entries';
|
||||
@import 'common/hotplug';
|
||||
@import 'common/ibus-popup';
|
||||
@import 'common/keyboard';
|
||||
@import 'common/login-dialog';
|
||||
@import 'common/looking-glass';
|
||||
@import 'common/message-list';
|
||||
@import 'common/misc';
|
||||
@import 'common/network-dialog';
|
||||
@import 'common/notifications';
|
||||
@import 'common/osd';
|
||||
@import 'common/overview';
|
||||
@import 'common/panel';
|
||||
@import 'common/popovers';
|
||||
@import 'common/screen-shield';
|
||||
@import 'common/scrollbars';
|
||||
@import 'common/search-entry';
|
||||
@import 'common/search-results';
|
||||
@import 'common/slider';
|
||||
@import 'common/switcher-popup';
|
||||
@import 'common/switches';
|
||||
@import 'common/tiled-previews';
|
||||
@import 'common/workspace-switcher';
|
||||
@import 'widgets-40-0/app-grid';
|
||||
@import 'widgets-40-0/dash';
|
||||
@import 'widgets-40-0/misc';
|
||||
@import 'widgets-42-0/message-list';
|
||||
@import 'widgets-40-0/overview';
|
||||
@import 'widgets-42-0/osd';
|
||||
@import 'widgets-40-0/panel';
|
||||
@import 'widgets-42-0/popovers';
|
||||
@import 'widgets-40-0/search-entry';
|
||||
@import 'widgets-40-0/window-picker';
|
||||
@import 'widgets-40-0/workspace-thumbnails';
|
||||
@@ -11,7 +11,7 @@
|
||||
.candidate-popup-content {
|
||||
@extend %theme_dialogs;
|
||||
color: $text-secondary;
|
||||
box-shadow: 0 5px 12px 0 rgba(black, 0.35);
|
||||
box-shadow: 0 3px 6px 0 rgba(black, 0.35);
|
||||
border: none;
|
||||
margin: ($base_padding / 2) 8px;
|
||||
padding: $base_padding;
|
||||
@@ -42,7 +42,7 @@
|
||||
}
|
||||
|
||||
.candidate-page-button {
|
||||
padding: 4px;
|
||||
padding: 4px 8px;
|
||||
@extend %flat_button;
|
||||
}
|
||||
|
||||
|
||||
@@ -3,8 +3,8 @@
|
||||
|
||||
.message-list {
|
||||
width: if($compact == 'true', 25.5em, 31.5em);
|
||||
padding: 0 $base_padding * 2;
|
||||
text-shadow: none;
|
||||
border: none;
|
||||
|
||||
.message-list-placeholder { spacing: $base_spacing * 2; }
|
||||
}
|
||||
@@ -19,28 +19,14 @@
|
||||
spacing: $base_spacing;
|
||||
}
|
||||
|
||||
// do-not-disturb + clear button
|
||||
.message-list-controls {
|
||||
margin: ($base_margin * 2) ($base_margin * 4) 0;
|
||||
// NOTE: remove the padding if notification_bubble could remove margin for drop shadow
|
||||
padding: $base_margin;
|
||||
spacing: $base_spacing * 2;
|
||||
}
|
||||
|
||||
// message bubbles
|
||||
.message {
|
||||
margin: $base_spacing / 2 0;
|
||||
|
||||
.popup-menu & {
|
||||
@extend %popover_bubble;
|
||||
}
|
||||
|
||||
// icon container
|
||||
.message-icon-bin {
|
||||
margin: 8px 0;
|
||||
padding: 8px 0px 8px 8px;
|
||||
&:rtl { padding: 8px 8px 8px 0px; }
|
||||
|
||||
// icon size and color
|
||||
> StIcon {
|
||||
icon-size: 32px; // 32px
|
||||
@@ -104,16 +90,11 @@
|
||||
}
|
||||
|
||||
.message-media-control {
|
||||
margin: 18px $base_padding;
|
||||
padding: $base_padding * 1.5;
|
||||
border-radius: $circular_radius;
|
||||
color: $text-secondary;
|
||||
&:hover, &:focus { color: $text; background-color: $divider; }
|
||||
&:active { color: $text; background-color: $track; }
|
||||
&:insensitive { color: $text-secondary-disabled; }
|
||||
|
||||
&:last-child:ltr { margin-right: $base_margin * 4; }
|
||||
&:last-child:rtl { margin-left: $base_margin * 4; }
|
||||
}
|
||||
|
||||
// album-art
|
||||
|
||||
@@ -14,13 +14,6 @@
|
||||
@extend %osd_panel;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
spacing: 1em;
|
||||
min-width: 64px;
|
||||
min-height: 64px;
|
||||
|
||||
StIcon {
|
||||
icon-size: $base_icon_size * 6;
|
||||
}
|
||||
|
||||
.osd-monitor-label { font-size: 3em; }
|
||||
|
||||
|
||||
@@ -16,7 +16,7 @@
|
||||
// container of the popover menu
|
||||
.popup-menu {
|
||||
min-width: if($compact == 'true', 10em, 12em);
|
||||
color: $text-secondary;
|
||||
color: $text-secondary !important;
|
||||
padding: 0 !important;
|
||||
font-weight: normal;
|
||||
border-radius: $menu_radius;
|
||||
@@ -34,87 +34,81 @@
|
||||
@if $rimless == 'false' {
|
||||
border: 1px solid $window-border;
|
||||
box-shadow: inset 0 0 0 1px highlight($popover);
|
||||
}
|
||||
} @else { border: none; }
|
||||
}
|
||||
|
||||
.popup-menu-item {
|
||||
spacing: $base_spacing;
|
||||
padding: $base_padding 0;
|
||||
color: $text-secondary;
|
||||
color: $text-secondary !important;
|
||||
text-shadow: none;
|
||||
border-radius: $base_radius;
|
||||
margin: 0 $base_padding;
|
||||
font-weight: normal;
|
||||
|
||||
&:ltr { padding-right: 1.5em !important; padding-left: 0 !important; }
|
||||
&:rtl { padding-right: 0 !important; padding-left: 1.5em !important; }
|
||||
|
||||
&:checked {
|
||||
font-weight: normal;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
color: $text;
|
||||
background-color: $divider;
|
||||
color: $text !important;
|
||||
background-color: $divider !important;
|
||||
border-radius: $base_radius $base_radius 0 0;
|
||||
|
||||
&.hover, &.selected {
|
||||
color: $text;
|
||||
background-color: $overlay-hover;
|
||||
&:focus, &:hover, &.selected {
|
||||
color: $text !important;
|
||||
background-color: $overlay-hover !important;
|
||||
}
|
||||
|
||||
&:active {
|
||||
color: $text;
|
||||
background-color: $overlay-active;
|
||||
color: $text !important;
|
||||
background-color: $overlay-active !important;
|
||||
}
|
||||
|
||||
&:insensitive { color: $text-secondary-disabled; }
|
||||
&:insensitive { color: $text-secondary-disabled !important; }
|
||||
}
|
||||
|
||||
&.selected {
|
||||
color: $text;
|
||||
background-color: $divider;
|
||||
&:focus, &:hover, &.selected {
|
||||
color: $text !important;
|
||||
background-color: $divider !important;
|
||||
transition-duration: 0;
|
||||
}
|
||||
|
||||
&:active, &.selected:active {
|
||||
color: $text;
|
||||
background-color: $track;
|
||||
color: $text !important;
|
||||
background-color: $track !important;
|
||||
}
|
||||
|
||||
&:insensitive { color: $text-secondary-disabled; }
|
||||
&:insensitive { color: $text-secondary-disabled !important; }
|
||||
}
|
||||
|
||||
.popup-sub-menu {
|
||||
background-color: $divider;
|
||||
color: $text-secondary;
|
||||
background-color: $divider !important;
|
||||
color: $text-secondary !important;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
margin: 0 $base_padding;
|
||||
border-radius: 0 0 $base_radius $base_radius;
|
||||
|
||||
.popup-menu-item {
|
||||
color: $text-secondary;
|
||||
border-radius: $base_radius;
|
||||
margin: 0;
|
||||
|
||||
&.selected {
|
||||
color: $text;
|
||||
background-color: $divider;
|
||||
&:focus, &:hover, &.selected {
|
||||
color: $text !important;
|
||||
background-color: $divider !important;
|
||||
}
|
||||
|
||||
&:active, &.selected:active {
|
||||
color: $text;
|
||||
background-color: $track;
|
||||
color: $text !important;
|
||||
background-color: $track !important;
|
||||
}
|
||||
|
||||
&:insensitive { color: $text-secondary-disabled; }
|
||||
&:insensitive { color: $text-secondary-disabled !important; }
|
||||
}
|
||||
}
|
||||
|
||||
.popup-inactive-menu-item { //all icons and other graphical elements
|
||||
color: $text-secondary;
|
||||
color: $text-secondary !important;
|
||||
|
||||
&:insensitive { color: $text-secondary-disabled; }
|
||||
&:insensitive { color: $text-secondary-disabled !important; }
|
||||
}
|
||||
|
||||
//.popup-status-menu-item { font-weight: normal; color: pink; } //dunno what that is
|
||||
@@ -123,6 +117,7 @@
|
||||
margin-bottom: 1.75em;
|
||||
}
|
||||
}
|
||||
|
||||
// symbolic icons in popover
|
||||
.popup-menu-arrow,
|
||||
.popup-menu-icon { icon-size: $base_icon_size; }
|
||||
@@ -131,27 +126,8 @@
|
||||
.popup-menu-ornament {
|
||||
width: 1.2em;
|
||||
|
||||
&:ltr { text-align: right };
|
||||
&:rtl { text-align: left };
|
||||
}
|
||||
|
||||
// separator
|
||||
.popup-separator-menu-item {
|
||||
padding: 0 0;
|
||||
|
||||
.popup-separator-menu-item-separator {
|
||||
height: 1px; //not really the whole box
|
||||
margin: 0 0;
|
||||
background-color: $border;
|
||||
padding: 0 0;
|
||||
|
||||
.popup-sub-menu & { //submenu separators
|
||||
padding: 0 0;
|
||||
margin: 0 32px 0 0;
|
||||
height: 1px;
|
||||
background-color: $border;
|
||||
}
|
||||
}
|
||||
&:ltr { text-align: right; }
|
||||
&:rtl { text-align: left; }
|
||||
}
|
||||
|
||||
// desktop background menu
|
||||
@@ -170,9 +146,4 @@
|
||||
margin: 0 $base_padding / 2;
|
||||
-st-icon-style: symbolic;
|
||||
}
|
||||
|
||||
.popup-sub-menu .popup-menu-item > :first-child {
|
||||
&:ltr { padding-left: $base_padding * 2 + 6px; margin-left: 1em; }
|
||||
&:rtl { padding-right: $base_padding * 2 + 6px; margin-right: 1em; }
|
||||
}
|
||||
}
|
||||
|
||||
@@ -0,0 +1,42 @@
|
||||
/* Message List */
|
||||
// a.k.a. notifications in the menu
|
||||
|
||||
.message-list {
|
||||
padding: 0 $base_padding * 2;
|
||||
}
|
||||
|
||||
// do-not-disturb + clear button
|
||||
.message-list-controls {
|
||||
margin: ($base_margin * 2) ($base_margin * 4) 0;
|
||||
// NOTE: remove the padding if notification_bubble could remove margin for drop shadow
|
||||
padding: $base_margin;
|
||||
spacing: $base_spacing * 2;
|
||||
}
|
||||
|
||||
// message bubbles
|
||||
.message {
|
||||
margin: $base_spacing / 2 0;
|
||||
|
||||
// icon container
|
||||
.message-icon-bin {
|
||||
margin: 8px 0;
|
||||
padding: 8px 0px 8px 8px;
|
||||
|
||||
&:rtl { padding: 8px 8px 8px 0px; }
|
||||
}
|
||||
}
|
||||
|
||||
.message-media-control {
|
||||
margin: 18px $base_padding;
|
||||
padding: $base_padding * 1.5;
|
||||
|
||||
&:last-child:ltr { margin-right: $base_margin * 4; }
|
||||
&:last-child:rtl { margin-left: $base_margin * 4; }
|
||||
}
|
||||
|
||||
// album-art
|
||||
.media-message-cover-icon {
|
||||
&.fallback {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,10 @@
|
||||
|
||||
.osd-window {
|
||||
spacing: 1em;
|
||||
min-width: 64px;
|
||||
min-height: 64px;
|
||||
|
||||
StIcon {
|
||||
icon-size: $base_icon_size * 6;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,35 @@
|
||||
|
||||
.popup-menu {
|
||||
padding: $base_padding 0;
|
||||
|
||||
.popup-menu-item {
|
||||
&:ltr { padding-right: 1.5em !important; padding-left: 0 !important; }
|
||||
&:rtl { padding-right: 0 !important; padding-left: 1.5em !important; }
|
||||
}
|
||||
}
|
||||
|
||||
// separator
|
||||
.popup-separator-menu-item {
|
||||
padding: 0;
|
||||
|
||||
.popup-separator-menu-item-separator {
|
||||
height: 1px; //not really the whole box
|
||||
margin: 0;
|
||||
background-color: $divider;
|
||||
padding: 0;
|
||||
|
||||
.popup-sub-menu & { //submenu separators
|
||||
padding: 0;
|
||||
margin: 0 32px 0 0;
|
||||
height: 1px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// system status popover menu
|
||||
.aggregate-menu {
|
||||
.popup-sub-menu .popup-menu-item > :first-child {
|
||||
&:ltr { padding-left: $base_padding * 2 + 6px; margin-left: 1em; }
|
||||
&:rtl { padding-right: $base_padding * 2 + 6px; margin-right: 1em; }
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,42 @@
|
||||
/* Message List */
|
||||
// a.k.a. notifications in the menu
|
||||
|
||||
.message-list {
|
||||
padding: 0 $base_padding * 2;
|
||||
}
|
||||
|
||||
// do-not-disturb + clear button
|
||||
.message-list-controls {
|
||||
margin: ($base_margin * 2) ($base_margin * 4) 0;
|
||||
// NOTE: remove the padding if notification_bubble could remove margin for drop shadow
|
||||
padding: $base_margin;
|
||||
spacing: $base_spacing * 2;
|
||||
}
|
||||
|
||||
// message bubbles
|
||||
.message {
|
||||
margin: $base_spacing / 2 0;
|
||||
|
||||
// icon container
|
||||
.message-icon-bin {
|
||||
margin: 8px 0;
|
||||
padding: 8px 0px 8px 8px;
|
||||
|
||||
&:rtl { padding: 8px 8px 8px 0px; }
|
||||
}
|
||||
}
|
||||
|
||||
.message-media-control {
|
||||
margin: 18px $base_padding;
|
||||
padding: $base_padding * 1.5;
|
||||
|
||||
&:last-child:ltr { margin-right: $base_margin * 4; }
|
||||
&:last-child:rtl { margin-left: $base_margin * 4; }
|
||||
}
|
||||
|
||||
// album-art
|
||||
.media-message-cover-icon {
|
||||
&.fallback {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,10 @@
|
||||
|
||||
.osd-window {
|
||||
spacing: 1em;
|
||||
min-width: 64px;
|
||||
min-height: 64px;
|
||||
|
||||
StIcon {
|
||||
icon-size: $base_icon_size * 6;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,35 @@
|
||||
|
||||
.popup-menu {
|
||||
padding: $base_padding 0;
|
||||
|
||||
.popup-menu-item {
|
||||
&:ltr { padding-right: 1.5em !important; padding-left: 0 !important; }
|
||||
&:rtl { padding-right: 0 !important; padding-left: 1.5em !important; }
|
||||
}
|
||||
}
|
||||
|
||||
// separator
|
||||
.popup-separator-menu-item {
|
||||
padding: 0;
|
||||
|
||||
.popup-separator-menu-item-separator {
|
||||
height: 1px; //not really the whole box
|
||||
margin: 0;
|
||||
background-color: $divider;
|
||||
padding: 0;
|
||||
|
||||
.popup-sub-menu & { //submenu separators
|
||||
padding: 0;
|
||||
margin: 0 32px 0 0;
|
||||
height: 1px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// system status popover menu
|
||||
.aggregate-menu {
|
||||
.popup-sub-menu .popup-menu-item > :first-child {
|
||||
&:ltr { padding-left: $base_padding * 2 + 6px; margin-left: 1em; }
|
||||
&:rtl { padding-right: $base_padding * 2 + 6px; margin-right: 1em; }
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,47 @@
|
||||
/* Message List */
|
||||
// a.k.a. notifications in the menu
|
||||
|
||||
.message-list {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
// do-not-disturb + clear button
|
||||
.message-list-controls {
|
||||
padding: $base_padding $base_padding $base_padding $base_padding * 5 !important;
|
||||
spacing: $base_spacing;
|
||||
font-weight: normal;
|
||||
|
||||
.dnd-button {
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
|
||||
// message bubbles
|
||||
.message {
|
||||
margin: $base_padding / 2 0;
|
||||
|
||||
// icon container
|
||||
.message-icon-bin {
|
||||
padding: ($base_padding * 3);
|
||||
|
||||
&:ltr {padding-right: $base_padding; }
|
||||
&:rtl {padding-left: $base_padding; }
|
||||
}
|
||||
}
|
||||
|
||||
.message-media-control {
|
||||
margin: ($base_padding * 3 + 8px) $base_padding;
|
||||
padding: $base_padding * 2;
|
||||
|
||||
&:last-child:ltr { margin-right: $base_margin * 4; }
|
||||
&:last-child:rtl { margin-left: $base_margin * 4; }
|
||||
}
|
||||
|
||||
// album-art
|
||||
.media-message-cover-icon {
|
||||
padding: $base_padding * 2;
|
||||
|
||||
&.fallback {
|
||||
padding: $base_padding * 2;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,14 @@
|
||||
|
||||
.osd-window {
|
||||
spacing: $base_padding * 2; // 12px
|
||||
padding: $base_padding * 2 $base_padding * 3;
|
||||
& > * { spacing: 8px; }
|
||||
margin-bottom: 4em;
|
||||
|
||||
StIcon { icon-size: $base_icon_size * 2; } // 32px
|
||||
|
||||
StLabel {
|
||||
&:ltr { margin-right: 6px; }
|
||||
&:rtl { margin-left: 6px; }
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,36 @@
|
||||
|
||||
.popup-menu {
|
||||
.popup-menu-item {
|
||||
padding: $base_padding $base_padding * 2;
|
||||
|
||||
&:ltr { padding-right: $base_padding * 1.5 !important; padding-left: 0 !important; }
|
||||
&:rtl { padding-right: 0 !important; padding-left: $base_padding * 1.5 !important; }
|
||||
}
|
||||
}
|
||||
|
||||
// separator
|
||||
.popup-separator-menu-item {
|
||||
padding: 0;
|
||||
|
||||
.popup-separator-menu-item-separator {
|
||||
height: 1px; //not really the whole box
|
||||
background-color: $divider;
|
||||
padding-top: 0 !important;
|
||||
padding-bottom: 0 !important;
|
||||
margin: $base_padding 32px;
|
||||
|
||||
.popup-sub-menu & { //submenu separators
|
||||
padding: 0;
|
||||
margin: 0 32px 0 0;
|
||||
height: 1px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// system status popover menu
|
||||
.aggregate-menu {
|
||||
.popup-sub-menu .popup-menu-item > :first-child {
|
||||
&:ltr { padding-left: $base_padding * 2 !important; margin-left: $base_padding / 2 !important; }
|
||||
&:rtl { padding-right: $base_padding * 2 !important; margin-right: $base_padding / 2 !important; }
|
||||
}
|
||||
}
|
||||
@@ -3456,23 +3456,6 @@ filechooserbutton:drop(active) {
|
||||
border-style: none;
|
||||
background-color: $base-alt;
|
||||
|
||||
&:not(separator) {
|
||||
@at-root %sidebar_left,
|
||||
&:dir(ltr),
|
||||
&.left,
|
||||
&.left:dir(rtl) {
|
||||
border-right: 1px solid $border;
|
||||
border-left-style: none;
|
||||
}
|
||||
|
||||
@at-root %sidebar_right,
|
||||
&:dir(rtl),
|
||||
&.right {
|
||||
border-left: 1px solid $border;
|
||||
border-right-style: none;
|
||||
}
|
||||
}
|
||||
|
||||
listview.view,
|
||||
list { background-color: transparent; }
|
||||
|
||||
|
||||
@@ -190,6 +190,27 @@ $nautilus: $base-alt;
|
||||
}
|
||||
}
|
||||
|
||||
// >= 42.0
|
||||
.windowhandle .linked.nautilus-path-bar {
|
||||
background-color: $titlebar-fill;
|
||||
border-radius: $corner-radius;
|
||||
margin: $space-size 0;
|
||||
|
||||
button:not(.suggested-action):not(.destructive-action) {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
|
||||
&.current-dir {
|
||||
color: $titlebar-text;
|
||||
|
||||
&:hover, &:active {
|
||||
background: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.disk-space-display {
|
||||
// border-style: solid;
|
||||
// border-width: 2px;
|
||||
|
||||
Reference in New Issue
Block a user