gnome-extension-wifi-signal-plus/stylesheet.css

/* WiFi Signal Plus - Stylesheet */

/* Panel indicator */
.wifi-signal-plus-indicator {
    padding: 0 4px;
}

.wifi-signal-plus-label {
    font-weight: bold;
}

/* Generation colors */
.wifi-gen-4 {
    color: #888888;
}

.wifi-gen-5 {
    color: #3584e4;
}

.wifi-gen-6 {
    color: #33d17a;
}

.wifi-gen-7 {
    color: #9141ac;
}

.wifi-disconnected {
    color: #c0bfbc;
}

/* Tooltip popup */
.wifi-signal-plus-popup {
    padding: 12px;
    min-width: 320px;
}

.wifi-popup-section {
    padding: 8px 0;
}

.wifi-popup-section:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.wifi-popup-header {
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 4px;
}

.wifi-popup-ssid {
    font-size: 1.2em;
    font-weight: bold;
}

.wifi-popup-generation {
    font-size: 0.9em;
    opacity: 0.8;
}

.wifi-popup-item {
    min-height: 0;
    padding: 2px 8px;
}

.wifi-popup-label {
    font-size: 1em;
    min-width: 7em;
    padding: 0 0.5em;
    color: rgba(255, 255, 255, 0.7);
}

/* Connection header */
.wifi-connection-header {
    padding: 4px 8px;
}

.wifi-connection-header-ssid {
    font-size: 1.2em;
    font-weight: bold;
}

.wifi-connection-header-generation {
    font-size: 0.95em;
    color: rgba(255, 255, 255, 0.8);
}

.wifi-connection-header-band {
    font-size: 0.9em;
    color: rgba(255, 255, 255, 0.6);
}

.wifi-connection-header-icon {
    margin-left: 12px;
}

.wifi-popup-value {
    font-size: 1em;
    font-weight: 500;
    padding: 0 0.5em;
}

/* Signal history graph */
.wifi-signal-graph {
    height: 40px;
    border-radius: 4px;
}

/* Bar gauges */
.wifi-bar-track {
    height: 4px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 2px;
    margin-top: 4px;
}

.wifi-bar-fill {
    height: 4px;
    border-radius: 2px;
    background-color: #3584e4;
}

/* Signal strength indicator */
.wifi-signal-excellent {
    color: #33d17a;
}

.wifi-signal-good {
    color: #8ff0a4;
}

.wifi-signal-fair {
    color: #f6d32d;
}

.wifi-signal-weak {
    color: #ff7800;
}

.wifi-signal-poor {
    color: #e01b24;
}

/* Nearby networks - Card header */
.wifi-nearby-card {
    margin: 2px 0;
}

.wifi-nearby-card-header {
    spacing: 8px;
}

.wifi-nearby-card-icon {
    icon-size: 16px;
}

.wifi-ap-gen-icon {
    icon-size: 14px;
    margin-right: 6px;
}

.wifi-nearby-card-ssid {
    font-weight: 500;
}

.wifi-nearby-card-count {
    font-size: 0.8em;
    color: rgba(255, 255, 255, 0.5);
}

/* Nearby networks - Badges */
.wifi-nearby-badge {
    font-size: 0.8em;
    padding: 1px 5px;
    border-radius: 3px;
    background-color: rgba(255, 255, 255, 0.1);
}

.wifi-nearby-badge-open {
    background-color: rgba(224, 27, 36, 0.3);
    color: #e01b24;
}

/* Access Points - connected AP icon */
.wifi-ap-connected-icon {
    color: #33d17a;
}

/* Access Points - spacer matching icon width for non-connected rows */
.wifi-ap-icon-spacer {
    width: 12px;
}

/* Nearby networks - AP sub-rows */
.wifi-nearby-ap {
    min-height: 0;
    padding: 3px 8px 3px 12px;
}

.wifi-nearby-ap-bssid {
    font-size: 0.85em;
    color: rgba(255, 255, 255, 0.5);
    min-width: 10em;
}

.wifi-nearby-ap-details {
    font-size: 0.85em;
    color: rgba(255, 255, 255, 0.6);
}

.wifi-nearby-ap-speed {
    font-weight: bold;
    font-size: 0.85em;
    margin-right: 8px;
}

.wifi-nearby-ap-signal {
    font-weight: bold;
    font-size: 0.85em;
}