Colour on icons: what each stands for, in the hub's colours (closes #25) d98e5a147428

## Unreleased

- **Panels you can see (#24):** on a phone, cards and boxes were near-black on black. The app now uses OxygenHub's own colours by default (Account › Wallpaper colours turns Android's back on), every card is one panel with a 1 dp edge, as the website's have, on a tone a clear step above the background, and wallpaper colours in the dark get the same steps. A backdrop stays inside its band, and an image the app cannot show yet (a README's badge) no longer leaves a 180 dp blank.

## 0.1.0 (2026-10-28)

import io.oxygenhub.android.ui.common.AvatarImage

import io.oxygenhub.android.ui.common.Panel

import io.oxygenhub.android.ui.theme.Appearance

import io.oxygenhub.android.ui.theme.rememberWallpaperColours

import io.oxygenhub.android.update.UpdateCard

import kotlinx.coroutines.launch

                AppearanceCard()

                Panel(Modifier.fillMaxWidth()) {

                    ListItem(

                        headlineContent = { Text("Hub") },

                        supportingContent = { Text(session.hub) },

                    )

                    ListItem(

                        headlineContent = { Text("Allowed") },

                        supportingContent = { Text(session.scopes.ifEmpty { listOf("(the hub did not say)") }.joinToString(", ")) },

                    )

                    ListItem(

                        headlineContent = { Text("Native core") },

                        supportingContent = { Text(core) },

                    )

    val wallpaper = rememberWallpaperColours()

    Panel(Modifier.fillMaxWidth()) {

        ListItem(

            headlineContent = { Text("Wallpaper colours") },

            supportingContent = { Text(if (wallpaper) "The app takes its colours from your wallpaper." else "The app uses OxygenHub's own colours, as the website does.") },

            trailingContent = { Switch(checked = wallpaper, onCheckedChange = { Appearance.setWallpaperColours(context, it) }) },

import io.oxygenhub.android.ui.common.LoadContent

import io.oxygenhub.android.ui.common.NoImages

import io.oxygenhub.android.ui.common.Panel

/**

 * A repository's code (#3): where you are (the reference, then each folder

                item {

                    ListItem(

                        modifier = Modifier.clickable { vm.up() },

                        headlineContent = { Text("..") },

                    )

                }

            TextButton(onClick = { vm.open(parts.take(i + 1).joinToString("/")) }) { Text(part) }

        }

        TextButton(onClick = { onOpenHistory(ref) }) {

            Text(" History")

        }

    }

            Icon(

                if (e.isDir) Icons.Outlined.Folder else Icons.AutoMirrored.Outlined.InsertDriveFile,

                contentDescription = if (e.isDir) "Folder" else "File",

            )

        },

        headlineContent = { Text(e.name) },

import androidx.compose.ui.text.style.TextAlign

import androidx.compose.ui.unit.dp

import io.oxygenhub.android.ui.backdrop.Backdrop

import uniffi.rust_core.Backdrop as Scene

/** A spinner in the middle of the space. */

            horizontalAlignment = Alignment.CenterHorizontally,

            verticalArrangement = Arrangement.Center,

        ) {

            Spacer(Modifier.height(16.dp))

            Text(title, style = MaterialTheme.typography.titleMedium, textAlign = TextAlign.Center)

            Spacer(Modifier.height(8.dp))

import io.oxygenhub.android.ui.common.relativeTime

import io.oxygenhub.android.ui.repos.RepositoryRow

import io.oxygenhub.android.ui.theme.LocalStatusColors

@Composable

fun DashboardScreen(

        ListItem(

            colors = ListItemDefaults.colors(containerColor = Color.Transparent),

            leadingContent = {

            },

            headlineContent = {

                Text(

import androidx.compose.foundation.lazy.items

import androidx.compose.foundation.shape.CircleShape

import androidx.compose.material.icons.Icons

import androidx.compose.material.icons.outlined.AlternateEmail

import androidx.compose.material.icons.outlined.BugReport

import androidx.compose.material.icons.outlined.ChatBubbleOutline

import androidx.compose.material.icons.outlined.DoneAll

import androidx.compose.material.icons.outlined.Inbox

import io.oxygenhub.android.ui.common.EmptyState

import io.oxygenhub.android.ui.common.LoadContent

import io.oxygenhub.android.ui.common.relativeTime

/**

 * The inbox. A notification opens what it is about on its own screen in

        colors = if (n.read) ListItemDefaults.colors() else ListItemDefaults.colors(containerColor = MaterialTheme.colorScheme.surfaceContainerHigh),

        leadingContent = {

            Box(contentAlignment = Alignment.TopEnd) {

                if (!n.read) {

                    Surface(Modifier.size(8.dp), shape = CircleShape, color = MaterialTheme.colorScheme.primary) {}

                }

import androidx.compose.foundation.rememberScrollState

import androidx.compose.foundation.shape.RoundedCornerShape

import androidx.compose.material.icons.Icons

import androidx.compose.material.icons.outlined.CheckCircle

import androidx.compose.material.icons.outlined.PushPin

import androidx.compose.material.icons.outlined.RadioButtonUnchecked

import androidx.compose.material.icons.outlined.TaskAlt

import io.oxygenhub.android.ui.common.LoadContent

import io.oxygenhub.android.ui.common.relativeTime

import io.oxygenhub.android.ui.theme.LocalStatusColors

/**

 * A repository's issues with their filter, for the repository's tab; an

        overlineContent = if (issue.pinned) {

            {

                Row(verticalAlignment = Alignment.CenterVertically) {

                    Text("Pinned")

                }

            }

import io.oxygenhub.android.api.Visibility

import io.oxygenhub.android.ui.common.AppScreen

import io.oxygenhub.android.ui.common.AvatarImage

import io.oxygenhub.android.ui.common.LoadContent

import io.oxygenhub.android.ui.common.load

import io.oxygenhub.android.ui.common.rememberAvatar

import kotlinx.coroutines.Job

import kotlinx.coroutines.async

import kotlinx.coroutines.coroutineScope

                    items(page.projects, key = { "p${it.number}" }) { p ->

                        ListItem(

                            modifier = Modifier.clickable { onOpenProject(p) },

                            headlineContent = { Text(p.title.ifBlank { "Project ${p.number}" }) },

                            supportingContent = if (p.description.isNotBlank()) {

                                { Text(p.description, maxLines = 2) }

                            )

                        },

                        trailingContent = if (r.visibility != Visibility.Public) {

                        } else {

                            null

                        },

import io.oxygenhub.android.ui.common.relativeTime

import io.oxygenhub.android.ui.issues.LabelChip

import io.oxygenhub.android.ui.theme.LocalStatusColors

/**

 * One proposal: whether it may land and what stands in the way, in the

            }

            p.requestedReviewers.forEach { r ->

                ListItem(

                    headlineContent = { Text(r) },

                    supportingContent = { Text("asked to review") },

                )

import io.oxygenhub.android.ui.common.Panel

import io.oxygenhub.android.ui.common.load

import io.oxygenhub.android.ui.common.relativeTime

import kotlinx.coroutines.CancellationException

import kotlinx.coroutines.Job

import kotlinx.coroutines.flow.MutableStateFlow

                            r.assets.forEach { a ->

                                ListItem(

                                    modifier = Modifier.clickable { if (a.url.isNotBlank()) uri.openUri(a.url) },

                                    headlineContent = { Text(a.name) },

                                    supportingContent = { Text("${bytes(a.size)} · ${a.downloads} downloads") },

                                )

import io.oxygenhub.android.api.Repository

import io.oxygenhub.android.api.Visibility

import io.oxygenhub.android.ui.common.relativeTime

@Composable

fun RepositoryRow(repo: Repository, onClick: () -> Unit, modifier: Modifier = Modifier, selected: Boolean = false) {

            // Transparent: the row takes the colour of what holds it (a card, a pane).

            ListItemDefaults.colors(containerColor = Color.Transparent)

        },

        headlineContent = { Text(repo.slug, maxLines = 1, overflow = TextOverflow.Ellipsis) },

        supportingContent = if (repo.description.isNotBlank()) {

            { Text(repo.description, maxLines = 2, overflow = TextOverflow.Ellipsis) }

        trailingContent = {

            Row(verticalAlignment = Alignment.CenterVertically) {

                when (repo.visibility) {

                    Visibility.Public -> {}

                }

                if (repo.visibility != Visibility.Public) Spacer(Modifier.width(6.dp))

import io.oxygenhub.android.api.HubApi

import io.oxygenhub.android.api.Release

import io.oxygenhub.android.ui.common.Panel

/** Where the app's own releases are (#7), built and signed by OxygenFlow. */

const val APP_HUB = "https://oxygenhub.io"

    val uri = LocalUriHandler.current

    Panel(Modifier.fillMaxWidth()) {

        ListItem(

            headlineContent = { Text(update?.let { "Version ${it.version} is out" } ?: "OxygenHub $installed") },

            supportingContent = {

                Text(if (update != null) "You have $installed. Download it and open the file to update." else "Releases are at $APP_HUB/$APP_OWNER/$APP_REPO.")