Fixing missing styling variables
This commit is contained in:
Jas Singh
@@ -1,197 +1,198 @@
|
|||||||
export const substitutes = {
|
export const substitutes = {
|
||||||
"transmission-gtk": "transmission",
|
"transmission-gtk": "transmission",
|
||||||
"blueberry.py": "blueberry",
|
"blueberry.py": "blueberry",
|
||||||
Caprine: "facebook-messenger",
|
Caprine: "facebook-messenger",
|
||||||
"com.raggesilver.BlackBox-symbolic": "terminal-symbolic",
|
"com.raggesilver.BlackBox-symbolic": "terminal-symbolic",
|
||||||
"org.wezfurlong.wezterm-symbolic": "terminal-symbolic",
|
"org.wezfurlong.wezterm-symbolic": "terminal-symbolic",
|
||||||
"audio-headset-bluetooth": "audio-headphones-symbolic",
|
"audio-headset-bluetooth": "audio-headphones-symbolic",
|
||||||
"audio-card-analog-usb": "audio-speakers-symbolic",
|
"audio-card-analog-usb": "audio-speakers-symbolic",
|
||||||
"audio-card-analog-pci": "audio-card-symbolic",
|
"audio-card-analog-pci": "audio-card-symbolic",
|
||||||
"preferences-system": "emblem-system-symbolic",
|
"preferences-system": "emblem-system-symbolic",
|
||||||
"com.github.Aylur.ags-symbolic": "controls-symbolic",
|
"com.github.Aylur.ags-symbolic": "controls-symbolic",
|
||||||
"com.github.Aylur.ags": "controls-symbolic",
|
"com.github.Aylur.ags": "controls-symbolic",
|
||||||
};
|
};
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
missing: "image-missing-symbolic",
|
missing: "image-missing-symbolic",
|
||||||
nix: {
|
nix: {
|
||||||
nix: "nix-snowflake-symbolic",
|
nix: "nix-snowflake-symbolic",
|
||||||
},
|
|
||||||
app: {
|
|
||||||
terminal: "terminal-symbolic",
|
|
||||||
},
|
|
||||||
fallback: {
|
|
||||||
executable: "application-x-executable",
|
|
||||||
notification: "dialog-information-symbolic",
|
|
||||||
video: "video-x-generic-symbolic",
|
|
||||||
audio: "audio-x-generic-symbolic",
|
|
||||||
},
|
|
||||||
ui: {
|
|
||||||
close: "window-close-symbolic",
|
|
||||||
colorpicker: "color-select-symbolic",
|
|
||||||
info: "info-symbolic",
|
|
||||||
link: "external-link-symbolic",
|
|
||||||
lock: "system-lock-screen-symbolic",
|
|
||||||
menu: "open-menu-symbolic",
|
|
||||||
refresh: "view-refresh-symbolic",
|
|
||||||
search: "system-search-symbolic",
|
|
||||||
settings: "emblem-system-symbolic",
|
|
||||||
themes: "preferences-desktop-theme-symbolic",
|
|
||||||
tick: "object-select-symbolic",
|
|
||||||
time: "hourglass-symbolic",
|
|
||||||
toolbars: "toolbars-symbolic",
|
|
||||||
warning: "dialog-warning-symbolic",
|
|
||||||
avatar: "avatar-default-symbolic",
|
|
||||||
arrow: {
|
|
||||||
right: "pan-end-symbolic",
|
|
||||||
left: "pan-start-symbolic",
|
|
||||||
down: "pan-down-symbolic",
|
|
||||||
up: "pan-up-symbolic",
|
|
||||||
},
|
},
|
||||||
},
|
app: {
|
||||||
audio: {
|
terminal: "terminal-symbolic",
|
||||||
mic: {
|
|
||||||
muted: "microphone-disabled-symbolic",
|
|
||||||
low: "microphone-sensitivity-low-symbolic",
|
|
||||||
medium: "microphone-sensitivity-medium-symbolic",
|
|
||||||
high: "microphone-sensitivity-high-symbolic",
|
|
||||||
},
|
},
|
||||||
volume: {
|
fallback: {
|
||||||
muted: "audio-volume-muted-symbolic",
|
executable: "application-x-executable",
|
||||||
low: "audio-volume-low-symbolic",
|
notification: "dialog-information-symbolic",
|
||||||
medium: "audio-volume-medium-symbolic",
|
video: "video-x-generic-symbolic",
|
||||||
high: "audio-volume-high-symbolic",
|
audio: "audio-x-generic-symbolic",
|
||||||
overamplified: "audio-volume-overamplified-symbolic",
|
|
||||||
},
|
},
|
||||||
type: {
|
ui: {
|
||||||
headset: "audio-headphones-symbolic",
|
close: "window-close-symbolic",
|
||||||
speaker: "audio-speakers-symbolic",
|
colorpicker: "color-select-symbolic",
|
||||||
card: "audio-card-symbolic",
|
info: "info-symbolic",
|
||||||
|
link: "external-link-symbolic",
|
||||||
|
lock: "system-lock-screen-symbolic",
|
||||||
|
menu: "open-menu-symbolic",
|
||||||
|
refresh: "view-refresh-symbolic",
|
||||||
|
search: "system-search-symbolic",
|
||||||
|
settings: "emblem-system-symbolic",
|
||||||
|
themes: "preferences-desktop-theme-symbolic",
|
||||||
|
tick: "object-select-symbolic",
|
||||||
|
time: "hourglass-symbolic",
|
||||||
|
toolbars: "toolbars-symbolic",
|
||||||
|
warning: "dialog-warning-symbolic",
|
||||||
|
avatar: "avatar-default-symbolic",
|
||||||
|
arrow: {
|
||||||
|
right: "pan-end-symbolic",
|
||||||
|
left: "pan-start-symbolic",
|
||||||
|
down: "pan-down-symbolic",
|
||||||
|
up: "pan-up-symbolic",
|
||||||
|
},
|
||||||
},
|
},
|
||||||
mixer: "mixer-symbolic",
|
audio: {
|
||||||
},
|
mic: {
|
||||||
powerprofile: {
|
muted: "microphone-disabled-symbolic",
|
||||||
balanced: "power-profile-balanced-symbolic",
|
low: "microphone-sensitivity-low-symbolic",
|
||||||
"power-saver": "power-profile-power-saver-symbolic",
|
medium: "microphone-sensitivity-medium-symbolic",
|
||||||
performance: "power-profile-performance-symbolic",
|
high: "microphone-sensitivity-high-symbolic",
|
||||||
},
|
},
|
||||||
asusctl: {
|
volume: {
|
||||||
profile: {
|
muted: "audio-volume-muted-symbolic",
|
||||||
Balanced: "power-profile-balanced-symbolic",
|
low: "audio-volume-low-symbolic",
|
||||||
Quiet: "power-profile-power-saver-symbolic",
|
medium: "audio-volume-medium-symbolic",
|
||||||
Performance: "power-profile-performance-symbolic",
|
high: "audio-volume-high-symbolic",
|
||||||
|
overamplified: "audio-volume-overamplified-symbolic",
|
||||||
|
},
|
||||||
|
type: {
|
||||||
|
headset: "audio-headphones-symbolic",
|
||||||
|
speaker: "audio-speakers-symbolic",
|
||||||
|
card: "audio-card-symbolic",
|
||||||
|
},
|
||||||
|
mixer: "mixer-symbolic",
|
||||||
},
|
},
|
||||||
mode: {
|
powerprofile: {
|
||||||
Integrated: "processor-symbolic",
|
balanced: "power-profile-balanced-symbolic",
|
||||||
Hybrid: "controller-symbolic",
|
"power-saver": "power-profile-power-saver-symbolic",
|
||||||
|
performance: "power-profile-performance-symbolic",
|
||||||
},
|
},
|
||||||
},
|
asusctl: {
|
||||||
battery: {
|
profile: {
|
||||||
charging: "battery-flash-symbolic",
|
Balanced: "power-profile-balanced-symbolic",
|
||||||
warning: "battery-empty-symbolic",
|
Quiet: "power-profile-power-saver-symbolic",
|
||||||
},
|
Performance: "power-profile-performance-symbolic",
|
||||||
bluetooth: {
|
},
|
||||||
enabled: "bluetooth-active-symbolic",
|
mode: {
|
||||||
disabled: "bluetooth-disabled-symbolic",
|
Integrated: "processor-symbolic",
|
||||||
},
|
Hybrid: "controller-symbolic",
|
||||||
brightness: {
|
},
|
||||||
indicator: "display-brightness-symbolic",
|
|
||||||
keyboard: "keyboard-brightness-symbolic",
|
|
||||||
screen: "display-brightness-symbolic",
|
|
||||||
},
|
|
||||||
powermenu: {
|
|
||||||
sleep: "weather-clear-night-symbolic",
|
|
||||||
reboot: "system-reboot-symbolic",
|
|
||||||
logout: "system-log-out-symbolic",
|
|
||||||
shutdown: "system-shutdown-symbolic",
|
|
||||||
},
|
|
||||||
recorder: {
|
|
||||||
recording: "media-record-symbolic",
|
|
||||||
},
|
|
||||||
notifications: {
|
|
||||||
noisy: "org.gnome.Settings-notifications-symbolic",
|
|
||||||
silent: "notifications-disabled-symbolic",
|
|
||||||
message: "chat-bubbles-symbolic",
|
|
||||||
},
|
|
||||||
trash: {
|
|
||||||
full: "user-trash-full-symbolic",
|
|
||||||
empty: "user-trash-symbolic",
|
|
||||||
},
|
|
||||||
mpris: {
|
|
||||||
shuffle: {
|
|
||||||
enabled: "media-playlist-shuffle-symbolic",
|
|
||||||
disabled: "media-playlist-consecutive-symbolic",
|
|
||||||
},
|
},
|
||||||
loop: {
|
battery: {
|
||||||
none: "media-playlist-repeat-symbolic",
|
charging: "battery-flash-symbolic",
|
||||||
track: "media-playlist-repeat-song-symbolic",
|
warning: "battery-empty-symbolic",
|
||||||
playlist: "media-playlist-repeat-symbolic",
|
},
|
||||||
|
bluetooth: {
|
||||||
|
enabled: "bluetooth-active-symbolic",
|
||||||
|
disabled: "bluetooth-disabled-symbolic",
|
||||||
|
},
|
||||||
|
brightness: {
|
||||||
|
indicator: "display-brightness-symbolic",
|
||||||
|
keyboard: "keyboard-brightness-symbolic",
|
||||||
|
screen: "display-brightness-symbolic",
|
||||||
|
},
|
||||||
|
powermenu: {
|
||||||
|
sleep: "weather-clear-night-symbolic",
|
||||||
|
reboot: "system-reboot-symbolic",
|
||||||
|
logout: "system-log-out-symbolic",
|
||||||
|
shutdown: "system-shutdown-symbolic",
|
||||||
|
},
|
||||||
|
recorder: {
|
||||||
|
recording: "media-record-symbolic",
|
||||||
|
},
|
||||||
|
notifications: {
|
||||||
|
noisy: "org.gnome.Settings-notifications-symbolic",
|
||||||
|
silent: "notifications-disabled-symbolic",
|
||||||
|
message: "chat-bubbles-symbolic",
|
||||||
|
},
|
||||||
|
trash: {
|
||||||
|
full: "user-trash-full-symbolic",
|
||||||
|
empty: "user-trash-symbolic",
|
||||||
|
},
|
||||||
|
mpris: {
|
||||||
|
shuffle: {
|
||||||
|
enabled: "media-playlist-shuffle-symbolic",
|
||||||
|
disabled: "media-playlist-consecutive-symbolic",
|
||||||
|
},
|
||||||
|
loop: {
|
||||||
|
none: "media-playlist-repeat-symbolic",
|
||||||
|
track: "media-playlist-repeat-song-symbolic",
|
||||||
|
playlist: "media-playlist-repeat-symbolic",
|
||||||
|
},
|
||||||
|
playing: "media-playback-pause-symbolic",
|
||||||
|
paused: "media-playback-start-symbolic",
|
||||||
|
stopped: "media-playback-start-symbolic",
|
||||||
|
prev: "media-skip-backward-symbolic",
|
||||||
|
next: "media-skip-forward-symbolic",
|
||||||
|
},
|
||||||
|
system: {
|
||||||
|
cpu: "org.gnome.SystemMonitor-symbolic",
|
||||||
|
ram: "drive-harddisk-solidstate-symbolic",
|
||||||
|
temp: "temperature-symbolic",
|
||||||
|
},
|
||||||
|
color: {
|
||||||
|
dark: "dark-mode-symbolic",
|
||||||
|
light: "light-mode-symbolic",
|
||||||
|
},
|
||||||
|
weather: {
|
||||||
|
sunny: "weather-clear-symbolic",
|
||||||
|
clear: "weather-clear-night-symbolic",
|
||||||
|
partly_cloudy: "weather-few-clouds-symbolic",
|
||||||
|
partly_cloudy_night: "weather-few-clouds-night-symbolic",
|
||||||
|
cloudy: "weather-overcast-symbolic",
|
||||||
|
overcast: "weather-overcast-symbolic",
|
||||||
|
mist: "weather-overcast-symbolic",
|
||||||
|
patchy_rain_nearby: "weather-showers-scattered-symbolic",
|
||||||
|
patchy_rain_possible: "weather-showers-scattered-symbolic",
|
||||||
|
patchy_snow_possible: "weather-snow-symbolic",
|
||||||
|
patchy_sleet_possible: "weather-snow-symbolic",
|
||||||
|
patchy_freezing_drizzle_possible: "weather-showers-scattered-symbolic",
|
||||||
|
thundery_outbreaks_possible: "weather-overcast-symbolic",
|
||||||
|
blowing_snow: "weather-snow-symbolic",
|
||||||
|
blizzard: "weather-snow-symbolic",
|
||||||
|
fog: "weather-fog-symbolic",
|
||||||
|
freezing_fog: "weather-fog-symbolic",
|
||||||
|
patchy_light_drizzle: "weather-showers-scattered-symbolic",
|
||||||
|
light_drizzle: "weather-showers-symbolic",
|
||||||
|
freezing_drizzle: "weather-showers-symbolic",
|
||||||
|
heavy_freezing_drizzle: "weather-showers-symbolic",
|
||||||
|
patchy_light_rain: "weather-showers-scattered-symbolic",
|
||||||
|
light_rain: "weather-showers-symbolic",
|
||||||
|
moderate_rain_at_times: "weather-showers-symbolic",
|
||||||
|
moderate_rain: "weather-showers-symbolic",
|
||||||
|
heavy_rain_at_times: "weather-showers-symbolic",
|
||||||
|
heavy_rain: "weather-showers-symbolic",
|
||||||
|
light_freezing_rain: "weather-showers-symbolic",
|
||||||
|
moderate_or_heavy_freezing_rain: "weather-showers-symbolic",
|
||||||
|
light_sleet: "weather-snow-symbolic",
|
||||||
|
moderate_or_heavy_sleet: "weather-snow-symbolic",
|
||||||
|
patchy_light_snow: "weather-snow-symbolic",
|
||||||
|
light_snow: "weather-snow-symbolic",
|
||||||
|
patchy_moderate_snow: "weather-snow-symbolic",
|
||||||
|
moderate_snow: "weather-snow-symbolic",
|
||||||
|
patchy_heavy_snow: "weather-snow-symbolic",
|
||||||
|
heavy_snow: "weather-snow-symbolic",
|
||||||
|
ice_pellets: "weather-showers-symbolic",
|
||||||
|
light_rain_shower: "weather-showers-symbolic",
|
||||||
|
moderate_or_heavy_rain_shower: "weather-showers-symbolic",
|
||||||
|
torrential_rain_shower: "weather-showers-symbolic",
|
||||||
|
light_sleet_showers: "weather-showers-symbolic",
|
||||||
|
moderate_or_heavy_sleet_showers: "weather-showers-symbolic",
|
||||||
|
light_snow_showers: "weather-snow-symbolic",
|
||||||
|
moderate_or_heavy_snow_showers: "weather-snow-symbolic",
|
||||||
|
light_showers_of_ice_pellets: "weather-showers-symbolic",
|
||||||
|
moderate_or_heavy_showers_of_ice_pellets: "weather-showers-symbolic",
|
||||||
|
patchy_light_rain_with_thunder: "weather-showers-scattered-symbolic",
|
||||||
|
moderate_or_heavy_rain_with_thunder: "weather-showers-symbolic",
|
||||||
|
patchy_light_snow_with_thunder: "weather-snow-symbolic",
|
||||||
|
moderate_or_heavy_snow_with_thunder: "weather-snow-symbolic",
|
||||||
},
|
},
|
||||||
playing: "media-playback-pause-symbolic",
|
|
||||||
paused: "media-playback-start-symbolic",
|
|
||||||
stopped: "media-playback-start-symbolic",
|
|
||||||
prev: "media-skip-backward-symbolic",
|
|
||||||
next: "media-skip-forward-symbolic",
|
|
||||||
},
|
|
||||||
system: {
|
|
||||||
cpu: "org.gnome.SystemMonitor-symbolic",
|
|
||||||
ram: "drive-harddisk-solidstate-symbolic",
|
|
||||||
temp: "temperature-symbolic",
|
|
||||||
},
|
|
||||||
color: {
|
|
||||||
dark: "dark-mode-symbolic",
|
|
||||||
light: "light-mode-symbolic",
|
|
||||||
},
|
|
||||||
weather: {
|
|
||||||
sunny: "weather-clear-symbolic",
|
|
||||||
clear: "weather-clear-night-symbolic",
|
|
||||||
partly_cloudy: "weather-few-clouds-symbolic",
|
|
||||||
partly_cloudy_night: "weather-few-clouds-night-symbolic",
|
|
||||||
cloudy: "weather-overcast-symbolic",
|
|
||||||
overcast: "weather-overcast-symbolic",
|
|
||||||
mist: "weather-overcast-symbolic",
|
|
||||||
patchy_rain_possible: "weather-showers-scattered-symbolic",
|
|
||||||
patchy_snow_possible: "weather-snow-symbolic",
|
|
||||||
patchy_sleet_possible: "weather-snow-symbolic",
|
|
||||||
patchy_freezing_drizzle_possible: "weather-showers-scattered-symbolic",
|
|
||||||
thundery_outbreaks_possible: "weather-overcast-symbolic",
|
|
||||||
blowing_snow: "weather-snow-symbolic",
|
|
||||||
blizzard: "weather-snow-symbolic",
|
|
||||||
fog: "weather-fog-symbolic",
|
|
||||||
freezing_fog: "weather-fog-symbolic",
|
|
||||||
patchy_light_drizzle: "weather-showers-scattered-symbolic",
|
|
||||||
light_drizzle: "weather-showers-symbolic",
|
|
||||||
freezing_drizzle: "weather-showers-symbolic",
|
|
||||||
heavy_freezing_drizzle: "weather-showers-symbolic",
|
|
||||||
patchy_light_rain: "weather-showers-scattered-symbolic",
|
|
||||||
light_rain: "weather-showers-symbolic",
|
|
||||||
moderate_rain_at_times: "weather-showers-symbolic",
|
|
||||||
moderate_rain: "weather-showers-symbolic",
|
|
||||||
heavy_rain_at_times: "weather-showers-symbolic",
|
|
||||||
heavy_rain: "weather-showers-symbolic",
|
|
||||||
light_freezing_rain: "weather-showers-symbolic",
|
|
||||||
moderate_or_heavy_freezing_rain: "weather-showers-symbolic",
|
|
||||||
light_sleet: "weather-snow-symbolic",
|
|
||||||
moderate_or_heavy_sleet: "weather-snow-symbolic",
|
|
||||||
patchy_light_snow: "weather-snow-symbolic",
|
|
||||||
light_snow: "weather-snow-symbolic",
|
|
||||||
patchy_moderate_snow: "weather-snow-symbolic",
|
|
||||||
moderate_snow: "weather-snow-symbolic",
|
|
||||||
patchy_heavy_snow: "weather-snow-symbolic",
|
|
||||||
heavy_snow: "weather-snow-symbolic",
|
|
||||||
ice_pellets: "weather-showers-symbolic",
|
|
||||||
light_rain_shower: "weather-showers-symbolic",
|
|
||||||
moderate_or_heavy_rain_shower: "weather-showers-symbolic",
|
|
||||||
torrential_rain_shower: "weather-showers-symbolic",
|
|
||||||
light_sleet_showers: "weather-showers-symbolic",
|
|
||||||
moderate_or_heavy_sleet_showers: "weather-showers-symbolic",
|
|
||||||
light_snow_showers: "weather-snow-symbolic",
|
|
||||||
moderate_or_heavy_snow_showers: "weather-snow-symbolic",
|
|
||||||
light_showers_of_ice_pellets: "weather-showers-symbolic",
|
|
||||||
moderate_or_heavy_showers_of_ice_pellets: "weather-showers-symbolic",
|
|
||||||
patchy_light_rain_with_thunder: "weather-showers-scattered-symbolic",
|
|
||||||
moderate_or_heavy_rain_with_thunder: "weather-showers-symbolic",
|
|
||||||
patchy_light_snow_with_thunder: "weather-snow-symbolic",
|
|
||||||
moderate_or_heavy_snow_with_thunder: "weather-snow-symbolic",
|
|
||||||
},
|
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -1,28 +1,28 @@
|
|||||||
import icons from "../../../../../icons/index.js";
|
import icons from "../../../../../icons/index.js";
|
||||||
|
|
||||||
export const HourlyIcon = (theWeather, getNextEpoch) => {
|
export const HourlyIcon = (theWeather, getNextEpoch) => {
|
||||||
return Widget.Icon({
|
return Widget.Icon({
|
||||||
class_name: "hourly-weather-icon",
|
class_name: "hourly-weather-icon",
|
||||||
icon: theWeather.bind("value").as((w) => {
|
icon: theWeather.bind("value").as((w) => {
|
||||||
if (!Object.keys(w).length) {
|
if (!Object.keys(w).length) {
|
||||||
return "-";
|
return "-";
|
||||||
}
|
}
|
||||||
|
|
||||||
const nextEpoch = getNextEpoch(w);
|
const nextEpoch = getNextEpoch(w);
|
||||||
const weatherAtEpoch = w.forecast.forecastday[0].hour.find(
|
const weatherAtEpoch = w.forecast.forecastday[0].hour.find(
|
||||||
(h) => h.time_epoch === nextEpoch,
|
(h) => h.time_epoch === nextEpoch,
|
||||||
);
|
);
|
||||||
|
|
||||||
let iconQuery = weatherAtEpoch?.condition.text
|
let iconQuery = weatherAtEpoch?.condition.text
|
||||||
.trim()
|
.trim()
|
||||||
.toLowerCase()
|
.toLowerCase()
|
||||||
.replaceAll(" ", "_");
|
.replaceAll(" ", "_");
|
||||||
|
|
||||||
if (!weatherAtEpoch?.isDay && iconQuery === "partly_cloudy") {
|
if (!weatherAtEpoch?.isDay && iconQuery === "partly_cloudy") {
|
||||||
iconQuery = "partly_cloudy_night";
|
iconQuery = "partly_cloudy_night";
|
||||||
}
|
}
|
||||||
|
|
||||||
return icons.weather[iconQuery];
|
return icons.weather[iconQuery];
|
||||||
}),
|
}),
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -164,7 +164,7 @@ const options = mkOptions(OPTIONS, {
|
|||||||
},
|
},
|
||||||
iconbuttons: {
|
iconbuttons: {
|
||||||
passive: opt(colors.text),
|
passive: opt(colors.text),
|
||||||
active: opt(colors.pink)
|
active: opt(colors.lavender)
|
||||||
},
|
},
|
||||||
progressbar: {
|
progressbar: {
|
||||||
foreground: opt(colors.lavender),
|
foreground: opt(colors.lavender),
|
||||||
|
|||||||
@@ -6,8 +6,8 @@
|
|||||||
min-width: 27em;
|
min-width: 27em;
|
||||||
min-height: 6em;
|
min-height: 6em;
|
||||||
background: if($bar-menus-monochrome, $bar-menus-background, $bar-menus-menu-clock-background-color);
|
background: if($bar-menus-monochrome, $bar-menus-background, $bar-menus-menu-clock-background-color);
|
||||||
border: 0.13em solid if($bar-menus-monochrome, $bar-menus-border-color, $bar-menus-menu-clock-border-color);
|
border: $bar-menus-border-size solid if($bar-menus-monochrome, $bar-menus-border-color, $bar-menus-menu-clock-border-color);
|
||||||
border-radius: 0.7em;
|
border-radius: $bar-menus-border-radius;
|
||||||
margin-right: 0.5em;
|
margin-right: 0.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -42,17 +42,21 @@
|
|||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
color: if($bar-menus-monochrome, $bar-menus-label, $bar-menus-menu-clock-calendar-yearmonth);
|
color: if($bar-menus-monochrome, $bar-menus-label, $bar-menus-menu-clock-calendar-yearmonth);
|
||||||
}
|
}
|
||||||
|
|
||||||
&.button {
|
&.button {
|
||||||
color: $text;
|
color: $text;
|
||||||
font-weight: 900;
|
font-weight: 900;
|
||||||
font-size: 900em;
|
font-size: 900em;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: if($bar-menus-monochrome, $bar-menus-icons-active, $bar-menus-menu-clock-calendar-paginator);
|
color: if($bar-menus-monochrome, $bar-menus-icons-active, $bar-menus-menu-clock-calendar-paginator);
|
||||||
}
|
}
|
||||||
|
|
||||||
&.highlight {
|
&.highlight {
|
||||||
color: if($bar-menus-monochrome, $bar-menus-icons-active, $bar-menus-menu-clock-calendar-weekdays);
|
color: if($bar-menus-monochrome, $bar-menus-icons-active, $bar-menus-menu-clock-calendar-weekdays);
|
||||||
}
|
}
|
||||||
|
|
||||||
&:indeterminate {
|
&:indeterminate {
|
||||||
color: transparentize(if($bar-menus-monochrome, $bar-menus-text, $bar-menus-menu-clock-calendar-days), 0.65);
|
color: transparentize(if($bar-menus-monochrome, $bar-menus-text, $bar-menus-menu-clock-calendar-days), 0.65);
|
||||||
}
|
}
|
||||||
@@ -68,6 +72,7 @@
|
|||||||
font-size: 4em;
|
font-size: 4em;
|
||||||
color: if($bar-menus-monochrome, $bar-menus-label, $bar-menus-menu-clock-time-time);
|
color: if($bar-menus-monochrome, $bar-menus-label, $bar-menus-menu-clock-time-time);
|
||||||
}
|
}
|
||||||
|
|
||||||
.clock-content-period {
|
.clock-content-period {
|
||||||
font-size: 1.75em;
|
font-size: 1.75em;
|
||||||
margin-bottom: 1.35em;
|
margin-bottom: 1.35em;
|
||||||
@@ -79,9 +84,11 @@
|
|||||||
.calendar-menu-item-container.clock {
|
.calendar-menu-item-container.clock {
|
||||||
margin-bottom: 0.65em;
|
margin-bottom: 0.65em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.calendar-menu-item-container.calendar {
|
.calendar-menu-item-container.calendar {
|
||||||
margin-bottom: 0.65em;
|
margin-bottom: 0.65em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.calendar-menu-item-container.weather {
|
.calendar-menu-item-container.weather {
|
||||||
margin-bottom: 0em;
|
margin-bottom: 0em;
|
||||||
}
|
}
|
||||||
@@ -117,15 +124,19 @@
|
|||||||
.calendar-menu-weather.today.temp.label.icon.weather-color.red {
|
.calendar-menu-weather.today.temp.label.icon.weather-color.red {
|
||||||
color: if($bar-menus-monochrome, $bar-menus-icons-active, $bar-menus-menu-clock-weather-thermometer-extremelyhot);
|
color: if($bar-menus-monochrome, $bar-menus-icons-active, $bar-menus-menu-clock-weather-thermometer-extremelyhot);
|
||||||
}
|
}
|
||||||
|
|
||||||
.calendar-menu-weather.today.temp.label.icon.weather-color.orange {
|
.calendar-menu-weather.today.temp.label.icon.weather-color.orange {
|
||||||
color: if($bar-menus-monochrome, $bar-menus-icons-active, $bar-menus-menu-clock-weather-thermometer-hot);
|
color: if($bar-menus-monochrome, $bar-menus-icons-active, $bar-menus-menu-clock-weather-thermometer-hot);
|
||||||
}
|
}
|
||||||
|
|
||||||
.calendar-menu-weather.today.temp.label.icon.weather-color.lavender {
|
.calendar-menu-weather.today.temp.label.icon.weather-color.lavender {
|
||||||
color: if($bar-menus-monochrome, $bar-menus-icons-active, $bar-menus-menu-clock-weather-thermometer-moderate);
|
color: if($bar-menus-monochrome, $bar-menus-icons-active, $bar-menus-menu-clock-weather-thermometer-moderate);
|
||||||
}
|
}
|
||||||
|
|
||||||
.calendar-menu-weather.today.temp.label.icon.weather-color.blue {
|
.calendar-menu-weather.today.temp.label.icon.weather-color.blue {
|
||||||
color: if($bar-menus-monochrome, $bar-menus-icons-active, $bar-menus-menu-clock-weather-thermometer-cold);
|
color: if($bar-menus-monochrome, $bar-menus-icons-active, $bar-menus-menu-clock-weather-thermometer-cold);
|
||||||
}
|
}
|
||||||
|
|
||||||
.calendar-menu-weather.today.temp.label.icon.weather-color.sky {
|
.calendar-menu-weather.today.temp.label.icon.weather-color.sky {
|
||||||
color: if($bar-menus-monochrome, $bar-menus-icons-active, $bar-menus-menu-clock-weather-thermometer-extremelycold);
|
color: if($bar-menus-monochrome, $bar-menus-icons-active, $bar-menus-menu-clock-weather-thermometer-extremelycold);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -2,341 +2,376 @@
|
|||||||
@import '../../variables';
|
@import '../../variables';
|
||||||
|
|
||||||
.dashboard-content-items {
|
.dashboard-content-items {
|
||||||
margin-left: 0.50em;
|
margin-left: 0.50em;
|
||||||
min-width: 28.5em;
|
min-width: 28.5em;
|
||||||
background: if($bar-menus-monochrome, $bar-menus-background, $bar-menus-menu-dashboard-background-color);
|
background: if($bar-menus-monochrome, $bar-menus-background, $bar-menus-menu-dashboard-background-color);
|
||||||
border: 0.13em solid if($bar-menus-monochrome, $bar-menus-border-color, $bar-menus-menu-dashboard-border-color);
|
border: $bar-menus-border-size solid if($bar-menus-monochrome, $bar-menus-border-color, $bar-menus-menu-dashboard-border-color);
|
||||||
border-radius: 0.7em;
|
border-radius: $bar-menus-border-radius;
|
||||||
|
|
||||||
|
button {
|
||||||
|
border-radius: 0.4em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dashboard-card {
|
||||||
|
background: if($bar-menus-monochrome, $bar-menus-cards, $bar-menus-menu-dashboard-card-color);
|
||||||
|
margin: 1.3em;
|
||||||
|
border-radius: $bar-menus-card_radius;
|
||||||
|
padding: 1.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.profile-picture-container {
|
||||||
|
margin-right: 0.65em;
|
||||||
|
margin-bottom: 0.65em;
|
||||||
|
|
||||||
|
.profile-picture {
|
||||||
|
font-size: 7.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.profile-name {
|
||||||
|
font-size: 1.5em;
|
||||||
|
color: if($bar-menus-monochrome, $bar-menus-label, $bar-menus-menu-dashboard-profile-name);
|
||||||
|
margin-top: 0.75em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.power-menu-container {
|
||||||
|
margin-left: 0em;
|
||||||
|
margin-bottom: 0.65em;
|
||||||
|
|
||||||
|
.dashboard-button {
|
||||||
|
min-width: 3em;
|
||||||
|
min-height: 2.5em;
|
||||||
|
|
||||||
|
&:not(:last-child) {
|
||||||
|
margin-bottom: 0.75em;
|
||||||
|
}
|
||||||
|
|
||||||
|
image {
|
||||||
|
color: $base;
|
||||||
|
font-size: 1.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.shutdown {
|
||||||
|
background: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-powermenu-shutdown);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.restart {
|
||||||
|
background: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-powermenu-restart);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.lock {
|
||||||
|
background: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-powermenu-logout);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.sleep {
|
||||||
|
background: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-powermenu-sleep);
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
&.shutdown {
|
||||||
|
background: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-powermenu-shutdown), 0.5);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.restart {
|
||||||
|
background: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-powermenu-restart), 0.5);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.lock {
|
||||||
|
background: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-powermenu-logout), 0.5);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.sleep {
|
||||||
|
background: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-powermenu-sleep), 0.5);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.shortcuts-container {
|
||||||
|
.dashboard-card {
|
||||||
|
padding: 1.5em;
|
||||||
|
|
||||||
|
button {
|
||||||
|
min-height: 2.5em;
|
||||||
|
min-width: 2.5em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-button-left-section {
|
||||||
|
margin-right: 1.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.top-button {
|
||||||
|
margin-bottom: 1.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
margin-top: 0em;
|
||||||
|
margin-bottom: 0.65em;
|
||||||
|
|
||||||
|
&.most-used {
|
||||||
|
margin-right: 0em;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.utilities {
|
||||||
|
margin-left: 0.65em;
|
||||||
|
}
|
||||||
|
|
||||||
|
button {
|
||||||
|
background: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-shortcuts-background);
|
||||||
|
color: if($bar-menus-monochrome, $bar-menus-buttons-text, $bar-menus-menu-dashboard-shortcuts-text);
|
||||||
|
min-height: 3em;
|
||||||
|
|
||||||
|
&.discord {
|
||||||
|
label {
|
||||||
|
margin-right: 0.15em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
label {
|
||||||
|
font-size: 1.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.record.active {
|
||||||
|
background: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-shortcuts-recording);
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-shortcuts-recording), 0.5);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-shortcuts-background), 0.5);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.controls-container {
|
||||||
|
margin-bottom: 0.65em;
|
||||||
|
|
||||||
|
&.dashboard-card {
|
||||||
|
margin-top: 0em;
|
||||||
|
}
|
||||||
|
|
||||||
button {
|
button {
|
||||||
border-radius: 0.4em;
|
padding: 0em;
|
||||||
|
min-height: 3em;
|
||||||
|
|
||||||
|
label {
|
||||||
|
color: if($bar-menus-monochrome, $bar-menus-buttons-text, $bar-menus-menu-dashboard-controls-wifi-text);
|
||||||
|
font-size: 1.6em;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:not(:last-child) {
|
||||||
|
margin-right: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.wifi {
|
||||||
|
background: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-controls-wifi-background);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.bluetooth {
|
||||||
|
background: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-controls-bluetooth-background);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.notifications {
|
||||||
|
background: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-controls-notifications-background);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.playback {
|
||||||
|
background: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-controls-volume-background);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.input {
|
||||||
|
background: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-controls-input-background);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.wifi:hover {
|
||||||
|
background: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-controls-wifi-background), 0.5);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.bluetooth:hover {
|
||||||
|
background: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-controls-bluetooth-background), 0.5);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.notifications:hover {
|
||||||
|
background: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-controls-notifications-background), 0.5);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.playback:hover {
|
||||||
|
background: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-controls-volume-background), 0.5);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.input:hover {
|
||||||
|
background: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-controls-input-background), 0.5);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.disabled {
|
||||||
|
background: if($bar-menus-monochrome, $bar-menus-buttons-disabled, $bar-menus-menu-dashboard-controls-disabled);
|
||||||
|
|
||||||
|
&.wifi:hover {
|
||||||
|
background: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-controls-wifi-background), 0.5);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.bluetooth:hover {
|
||||||
|
background: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-controls-bluetooth-background), 0.5);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.notifications:hover {
|
||||||
|
background: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-controls-notifications-background), 0.5);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.playback:hover {
|
||||||
|
background: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-controls-volume-background), 0.5);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.input:hover {
|
||||||
|
background: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-controls-input-background), 0.5);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.directories-container {
|
||||||
|
&.dashboard-card {
|
||||||
|
margin-top: 0em;
|
||||||
|
margin-bottom: 0.65em;
|
||||||
|
padding-left: 1.5em;
|
||||||
|
padding-right: 0em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dashboard-card {
|
.directory-link {
|
||||||
background: if($bar-menus-monochrome, $bar-menus-cards, $bar-menus-menu-dashboard-card-color);
|
padding: 0.5em 0em;
|
||||||
margin: 1.3em;
|
min-width: 9em;
|
||||||
border-radius: 0.4em;
|
|
||||||
padding: 1.5em;
|
&:last-child {
|
||||||
|
margin-bottom: 0em;
|
||||||
|
}
|
||||||
|
|
||||||
|
label {
|
||||||
|
font-size: 1.3em;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.right.top {
|
||||||
|
color: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-directories-right-top-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.right.middle {
|
||||||
|
color: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-directories-right-middle-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.right.bottom {
|
||||||
|
color: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-directories-right-bottom-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.left.top {
|
||||||
|
color: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-directories-left-top-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.left.middle {
|
||||||
|
color: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-directories-left-middle-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.left.bottom {
|
||||||
|
color: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-directories-left-bottom-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
opacity: 0.5;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.stats-container {
|
||||||
|
margin-top: 0em;
|
||||||
|
|
||||||
|
.stat {
|
||||||
|
label {
|
||||||
|
margin-right: 1em;
|
||||||
|
font-size: 1.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.cpu label {
|
||||||
|
color: if($bar-menus-monochrome, $bar-menus-icons-active, $bar-menus-menu-dashboard-monitors-cpu-icon);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.ram label {
|
||||||
|
color: if($bar-menus-monochrome, $bar-menus-icons-active, $bar-menus-menu-dashboard-monitors-ram-icon);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.gpu label {
|
||||||
|
color: if($bar-menus-monochrome, $bar-menus-icons-active, $bar-menus-menu-dashboard-monitors-gpu-icon);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.storage label {
|
||||||
|
color: if($bar-menus-monochrome, $bar-menus-icons-active, $bar-menus-menu-dashboard-monitors-disk-icon);
|
||||||
|
}
|
||||||
|
|
||||||
|
.stats-bar {
|
||||||
|
levelbar * {
|
||||||
|
transition: 200ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
trough {
|
||||||
|
min-height: 1.05em;
|
||||||
|
}
|
||||||
|
|
||||||
|
block {
|
||||||
|
border-radius: 0.4em;
|
||||||
|
|
||||||
|
&.empty {
|
||||||
|
background: if($bar-menus-monochrome, $bar-menus-progressbar-background, $bar-menus-menu-dashboard-monitors-bar_background);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.filled {
|
||||||
|
padding-left: 0.85em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.cpu .stats-bar block.filled {
|
||||||
|
background: if($bar-menus-monochrome, $bar-menus-progressbar-foreground, $bar-menus-menu-dashboard-monitors-cpu-bar);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.ram .stats-bar block.filled {
|
||||||
|
background: if($bar-menus-monochrome, $bar-menus-progressbar-foreground, $bar-menus-menu-dashboard-monitors-ram-bar);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.gpu .stats-bar block.filled {
|
||||||
|
background: if($bar-menus-monochrome, $bar-menus-progressbar-foreground, $bar-menus-menu-dashboard-monitors-gpu-bar);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.storage .stats-bar block.filled {
|
||||||
|
background: if($bar-menus-monochrome, $bar-menus-progressbar-foreground, $bar-menus-menu-dashboard-monitors-disk-bar);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.profile-picture-container {
|
.stat-value {
|
||||||
margin-right: 0.65em;
|
margin-bottom: 0.75em;
|
||||||
margin-bottom: 0.65em;
|
font-size: 0.9em;
|
||||||
.profile-picture {
|
|
||||||
font-size: 7.5em;
|
&.cpu {
|
||||||
}
|
color: if($bar-menus-monochrome, $bar-menus-label, $bar-menus-menu-dashboard-monitors-cpu-label);
|
||||||
.profile-name {
|
}
|
||||||
font-size: 1.5em;
|
|
||||||
color: if($bar-menus-monochrome, $bar-menus-label, $bar-menus-menu-dashboard-profile-name);
|
&.ram {
|
||||||
margin-top: 0.75em;
|
color: if($bar-menus-monochrome, $bar-menus-label, $bar-menus-menu-dashboard-monitors-ram-label);
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
&.gpu {
|
||||||
.power-menu-container {
|
color: if($bar-menus-monochrome, $bar-menus-label, $bar-menus-menu-dashboard-monitors-gpu-label);
|
||||||
margin-left: 0em;
|
}
|
||||||
margin-bottom: 0.65em;
|
|
||||||
|
&.storage {
|
||||||
.dashboard-button {
|
color: if($bar-menus-monochrome, $bar-menus-label, $bar-menus-menu-dashboard-monitors-disk-label);
|
||||||
min-width: 3em;
|
}
|
||||||
min-height: 2.5em;
|
|
||||||
|
|
||||||
&:not(:last-child) {
|
|
||||||
margin-bottom: 0.75em;
|
|
||||||
}
|
|
||||||
|
|
||||||
image {
|
|
||||||
color: $base;
|
|
||||||
font-size: 1.5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.shutdown {
|
|
||||||
background: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-powermenu-shutdown);
|
|
||||||
}
|
|
||||||
&.restart {
|
|
||||||
background: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-powermenu-restart);
|
|
||||||
}
|
|
||||||
&.lock {
|
|
||||||
background: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-powermenu-logout);
|
|
||||||
}
|
|
||||||
&.sleep {
|
|
||||||
background: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-powermenu-sleep);
|
|
||||||
}
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
&.shutdown {
|
|
||||||
background: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-powermenu-shutdown), 0.5);
|
|
||||||
}
|
|
||||||
&.restart {
|
|
||||||
background: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-powermenu-restart), 0.5);
|
|
||||||
}
|
|
||||||
&.lock {
|
|
||||||
background: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-powermenu-logout), 0.5);
|
|
||||||
}
|
|
||||||
&.sleep {
|
|
||||||
background: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-powermenu-sleep), 0.5);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.shortcuts-container {
|
|
||||||
.dashboard-card {
|
|
||||||
padding: 1.5em;
|
|
||||||
button {
|
|
||||||
min-height: 2.5em;
|
|
||||||
min-width: 2.5em;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.card-button-left-section {
|
|
||||||
margin-right: 1.5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.top-button {
|
|
||||||
margin-bottom: 1.5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container {
|
|
||||||
margin-top: 0em;
|
|
||||||
margin-bottom: 0.65em;
|
|
||||||
|
|
||||||
&.most-used {
|
|
||||||
margin-right: 0em;
|
|
||||||
}
|
|
||||||
&.utilities {
|
|
||||||
margin-left: 0.65em;
|
|
||||||
}
|
|
||||||
|
|
||||||
button {
|
|
||||||
background: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-shortcuts-background);
|
|
||||||
color: if($bar-menus-monochrome, $bar-menus-buttons-text, $bar-menus-menu-dashboard-shortcuts-text);
|
|
||||||
min-height: 3em;
|
|
||||||
|
|
||||||
&.discord {
|
|
||||||
label {
|
|
||||||
margin-right: 0.15em;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
label {
|
|
||||||
font-size: 1.5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.record.active {
|
|
||||||
background: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-shortcuts-recording);
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
background: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-shortcuts-recording), 0.5);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
background: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-shortcuts-background), 0.5);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.controls-container {
|
|
||||||
margin-bottom: 0.65em;
|
|
||||||
&.dashboard-card {
|
|
||||||
margin-top: 0em;
|
|
||||||
}
|
|
||||||
|
|
||||||
button {
|
|
||||||
padding: 0em;
|
|
||||||
min-height: 3em;
|
|
||||||
|
|
||||||
label {
|
|
||||||
color: if($bar-menus-monochrome, $bar-menus-buttons-text, $bar-menus-menu-dashboard-controls-wifi-text);
|
|
||||||
font-size: 1.6em;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:not(:last-child) {
|
|
||||||
margin-right: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.wifi {
|
|
||||||
background: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-controls-wifi-background);
|
|
||||||
}
|
|
||||||
&.bluetooth {
|
|
||||||
background: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-controls-bluetooth-background);
|
|
||||||
}
|
|
||||||
&.notifications {
|
|
||||||
background: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-controls-notifications-background);
|
|
||||||
}
|
|
||||||
&.playback {
|
|
||||||
background: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-controls-volume-background);
|
|
||||||
}
|
|
||||||
&.input {
|
|
||||||
background: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-controls-input-background);
|
|
||||||
}
|
|
||||||
&.wifi:hover {
|
|
||||||
background: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-controls-wifi-background), 0.5);
|
|
||||||
}
|
|
||||||
&.bluetooth:hover {
|
|
||||||
background: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-controls-bluetooth-background), 0.5);
|
|
||||||
}
|
|
||||||
&.notifications:hover {
|
|
||||||
background: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-controls-notifications-background), 0.5);
|
|
||||||
}
|
|
||||||
&.playback:hover {
|
|
||||||
background: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-controls-volume-background), 0.5);
|
|
||||||
}
|
|
||||||
&.input:hover {
|
|
||||||
background: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-controls-input-background), 0.5);
|
|
||||||
}
|
|
||||||
&.disabled {
|
|
||||||
background: if($bar-menus-monochrome, $bar-menus-buttons-disabled, $bar-menus-menu-dashboard-controls-disabled);
|
|
||||||
&.wifi:hover {
|
|
||||||
background: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-controls-wifi-background), 0.5);
|
|
||||||
}
|
|
||||||
&.bluetooth:hover {
|
|
||||||
background: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-controls-bluetooth-background), 0.5);
|
|
||||||
}
|
|
||||||
&.notifications:hover {
|
|
||||||
background: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-controls-notifications-background), 0.5);
|
|
||||||
}
|
|
||||||
&.playback:hover {
|
|
||||||
background: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-controls-volume-background), 0.5);
|
|
||||||
}
|
|
||||||
&.input:hover {
|
|
||||||
background: transparentize(if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-controls-input-background), 0.5);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.directories-container {
|
|
||||||
&.dashboard-card {
|
|
||||||
margin-top: 0em;
|
|
||||||
margin-bottom: 0.65em;
|
|
||||||
padding-left: 1.5em;
|
|
||||||
padding-right: 0em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.directory-link {
|
|
||||||
padding: 0.5em 0em;
|
|
||||||
min-width: 9em;
|
|
||||||
|
|
||||||
&:last-child {
|
|
||||||
margin-bottom: 0em;
|
|
||||||
}
|
|
||||||
|
|
||||||
label {
|
|
||||||
font-size: 1.3em;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.right.top {
|
|
||||||
color: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-directories-right-top-color);
|
|
||||||
}
|
|
||||||
&.right.middle {
|
|
||||||
color: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-directories-right-middle-color);
|
|
||||||
}
|
|
||||||
&.right.bottom {
|
|
||||||
color: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-directories-right-bottom-color);
|
|
||||||
}
|
|
||||||
&.left.top {
|
|
||||||
color: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-directories-left-top-color);
|
|
||||||
}
|
|
||||||
&.left.middle {
|
|
||||||
color: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-directories-left-middle-color);
|
|
||||||
}
|
|
||||||
&.left.bottom {
|
|
||||||
color: if($bar-menus-monochrome, $bar-menus-buttons-default, $bar-menus-menu-dashboard-directories-left-bottom-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
opacity: 0.5;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.stats-container {
|
|
||||||
margin-top: 0em;
|
|
||||||
|
|
||||||
.stat {
|
|
||||||
label {
|
|
||||||
margin-right: 1em;
|
|
||||||
font-size: 1.5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.cpu label{
|
|
||||||
color: if($bar-menus-monochrome, $bar-menus-icons-active, $bar-menus-menu-dashboard-monitors-cpu-icon);
|
|
||||||
}
|
|
||||||
&.ram label{
|
|
||||||
color: if($bar-menus-monochrome, $bar-menus-icons-active, $bar-menus-menu-dashboard-monitors-ram-icon);
|
|
||||||
}
|
|
||||||
&.gpu label{
|
|
||||||
color: if($bar-menus-monochrome, $bar-menus-icons-active, $bar-menus-menu-dashboard-monitors-gpu-icon);
|
|
||||||
}
|
|
||||||
&.storage label{
|
|
||||||
color: if($bar-menus-monochrome, $bar-menus-icons-active, $bar-menus-menu-dashboard-monitors-disk-icon);
|
|
||||||
}
|
|
||||||
|
|
||||||
.stats-bar {
|
|
||||||
levelbar * {
|
|
||||||
transition: 200ms;
|
|
||||||
}
|
|
||||||
|
|
||||||
trough {
|
|
||||||
min-height: 1.05em;
|
|
||||||
}
|
|
||||||
|
|
||||||
block {
|
|
||||||
border-radius: 0.4em;
|
|
||||||
|
|
||||||
&.empty {
|
|
||||||
background: if($bar-menus-monochrome, $bar-menus-progressbar-background, $bar-menus-menu-dashboard-monitors-bar_background);
|
|
||||||
}
|
|
||||||
|
|
||||||
&.filled {
|
|
||||||
padding-left: 0.85em;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.cpu .stats-bar block.filled {
|
|
||||||
background: if($bar-menus-monochrome, $bar-menus-progressbar-foreground, $bar-menus-menu-dashboard-monitors-cpu-bar);
|
|
||||||
}
|
|
||||||
|
|
||||||
&.ram .stats-bar block.filled {
|
|
||||||
background: if($bar-menus-monochrome, $bar-menus-progressbar-foreground, $bar-menus-menu-dashboard-monitors-ram-bar);
|
|
||||||
}
|
|
||||||
|
|
||||||
&.gpu .stats-bar block.filled {
|
|
||||||
background: if($bar-menus-monochrome, $bar-menus-progressbar-foreground, $bar-menus-menu-dashboard-monitors-gpu-bar);
|
|
||||||
}
|
|
||||||
|
|
||||||
&.storage .stats-bar block.filled {
|
|
||||||
background: if($bar-menus-monochrome, $bar-menus-progressbar-foreground, $bar-menus-menu-dashboard-monitors-disk-bar);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.stat-value {
|
|
||||||
margin-bottom: 0.75em;
|
|
||||||
font-size: 0.9em;
|
|
||||||
&.cpu {
|
|
||||||
color: if($bar-menus-monochrome, $bar-menus-label, $bar-menus-menu-dashboard-monitors-cpu-label);
|
|
||||||
}
|
|
||||||
|
|
||||||
&.ram {
|
|
||||||
color: if($bar-menus-monochrome, $bar-menus-label, $bar-menus-menu-dashboard-monitors-ram-label);
|
|
||||||
}
|
|
||||||
|
|
||||||
&.gpu {
|
|
||||||
color: if($bar-menus-monochrome, $bar-menus-label, $bar-menus-menu-dashboard-monitors-gpu-label);
|
|
||||||
}
|
|
||||||
|
|
||||||
&.storage {
|
|
||||||
color: if($bar-menus-monochrome, $bar-menus-label, $bar-menus-menu-dashboard-monitors-disk-label);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.dropdown.recording {
|
.dropdown.recording {
|
||||||
color: red;
|
color: red;
|
||||||
background-color: if($bar-menus-monochrome, $bar-menus-dropdownmenu-background, $bar-menus-dropdownmenu-background);
|
background-color: if($bar-menus-monochrome, $bar-menus-dropdownmenu-background, $bar-menus-dropdownmenu-background);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -6,8 +6,8 @@
|
|||||||
min-width: 30.6em;
|
min-width: 30.6em;
|
||||||
min-height: 48em;
|
min-height: 48em;
|
||||||
background: if($bar-menus-monochrome, $bar-menus-background, $bar-menus-menu-notifications-background);
|
background: if($bar-menus-monochrome, $bar-menus-background, $bar-menus-menu-notifications-background);
|
||||||
border: 0.13em solid if($bar-menus-monochrome, $bar-menus-border-color, $bar-menus-menu-notifications-border);
|
border: $bar-menus-border-size solid if($bar-menus-monochrome, $bar-menus-border-color, $bar-menus-menu-notifications-border);
|
||||||
border-radius: 0.7em;
|
border-radius: $bar-menus-border-radius;
|
||||||
margin-right: 0.45em;
|
margin-right: 0.45em;
|
||||||
|
|
||||||
.window-content.notificationsmenu-window {
|
.window-content.notificationsmenu-window {
|
||||||
@@ -40,10 +40,12 @@
|
|||||||
|
|
||||||
.notification-card-content-container {
|
.notification-card-content-container {
|
||||||
margin-bottom: 0.65em;
|
margin-bottom: 0.65em;
|
||||||
|
|
||||||
&:last-child {
|
&:last-child {
|
||||||
margin-bottom: 1em;
|
margin-bottom: 1em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.notification-card-content {
|
.notification-card-content {
|
||||||
margin-bottom: 0.25em;
|
margin-bottom: 0.25em;
|
||||||
}
|
}
|
||||||
@@ -109,6 +111,7 @@
|
|||||||
.bell {
|
.bell {
|
||||||
font-size: 10em;
|
font-size: 10em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.message {
|
.message {
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
}
|
}
|
||||||
@@ -125,6 +128,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background: transparentize($notification-close_button-background ,0.5);
|
background: transparentize($notification-close_button-background , 0.5);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -62,10 +62,10 @@ $bar-buttons-notifications-background: #242438;
|
|||||||
$bar-buttons-notifications-hover: #45475a;
|
$bar-buttons-notifications-hover: #45475a;
|
||||||
$bar-buttons-notifications-icon: #b4befe;
|
$bar-buttons-notifications-icon: #b4befe;
|
||||||
$bar-buttons-notifications-total: #b4befe;
|
$bar-buttons-notifications-total: #b4befe;
|
||||||
$bar-menus-monochrome: false;
|
$bar-menus-monochrome: true;
|
||||||
$bar-menus-background: #11111b;
|
$bar-menus-background: #11111b;
|
||||||
$bar-menus-cards: #1e1e2e;
|
$bar-menus-cards: #1e1e2e;
|
||||||
$bar-menus-card_radius: 0.4em;
|
$bar-menus-card_radius: 0em;
|
||||||
$bar-menus-border-size: 0.13em;
|
$bar-menus-border-size: 0.13em;
|
||||||
$bar-menus-border-radius: 0.7em;
|
$bar-menus-border-radius: 0.7em;
|
||||||
$bar-menus-border-color: #313244;
|
$bar-menus-border-color: #313244;
|
||||||
@@ -85,7 +85,7 @@ $bar-menus-buttons-active: #f5c2e7;
|
|||||||
$bar-menus-buttons-disabled: #585b70;
|
$bar-menus-buttons-disabled: #585b70;
|
||||||
$bar-menus-buttons-text: #11111b;
|
$bar-menus-buttons-text: #11111b;
|
||||||
$bar-menus-iconbuttons-passive: #cdd6f4;
|
$bar-menus-iconbuttons-passive: #cdd6f4;
|
||||||
$bar-menus-iconbuttons-active: #f5c2e7;
|
$bar-menus-iconbuttons-active: #b4befe;
|
||||||
$bar-menus-progressbar-foreground: #b4befe;
|
$bar-menus-progressbar-foreground: #b4befe;
|
||||||
$bar-menus-progressbar-background: #45475a;
|
$bar-menus-progressbar-background: #45475a;
|
||||||
$bar-menus-slider-primary: #b4befe;
|
$bar-menus-slider-primary: #b4befe;
|
||||||
|
|||||||
Reference in New Issue
Block a user